@flamingo-stack/openframe-frontend-core 0.0.582-1967.5390.1 → 0.0.582

package/dist/{chunk-RH7EY7YN.cjs → chunk-HMEEW73F.cjs}

@@ -9030,7 +9030,7 @@ function renderAdvancedPageContainer({
     md: "p-6",
     lg: "p-8"
   };
-  const backgroundClasses = {
+  const backgroundClasses2 = {
     default: "bg-ods-bg",
     card: "bg-ods-card",
     transparent: ""
@@ -9090,7 +9090,7 @@ function renderAdvancedPageContainer({
     ] });
   };
   const getContainerClasses = () => {
-    const baseClasses = ["flex flex-col w-full", backgroundClasses[background], paddingClasses[padding]];
+    const baseClasses = ["flex flex-col w-full", backgroundClasses2[background], paddingClasses[padding]];
     switch (variant) {
       case "list":
         return _chunkPRPZBXWZcjs.cn.call(void 0, baseClasses, "gap-4 md:gap-6", className);
@@ -10100,23 +10100,11 @@ function isGenericWebsiteDomain(website) {
 
 // src/utils/dismiss-cookie.ts
 var DISMISS_COOKIE_MAX_AGE_SECONDS = 31536e3;
-function canUseCookies() {
-  if (typeof document === "undefined") return false;
-  return document.URL.startsWith("http:") || document.URL.startsWith("https:");
-}
-function fallbackStore(name) {
-  return _chunkCP6TIRONcjs.createLocalStorageAdapter.call(void 0, {
-    key: name,
-    logTag: "[dismiss-cookie]",
-    validate: (parsed) => typeof parsed === "string"
-  });
-}
 function isDismissedCookieValue(cookieValue, id) {
   return !!id && cookieValue === id;
 }
 function readDismissCookie(name) {
   if (typeof document === "undefined") return void 0;
-  if (!canUseCookies()) return _nullishCoalesce(fallbackStore(name).load(), () => ( void 0));
   const match = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`));
   if (!match) return void 0;
   try {
@@ -10127,15 +10115,10 @@ function readDismissCookie(name) {
 }
 function writeDismissCookie(name, id) {
   if (typeof document === "undefined") return;
-  if (!canUseCookies()) {
-    fallbackStore(name).save(id);
-    return;
-  }
   document.cookie = `${name}=${encodeURIComponent(id)}; path=/; max-age=${DISMISS_COOKIE_MAX_AGE_SECONDS}; SameSite=Lax`;
 }
 function clearDismissCookie(name) {
   if (typeof document === "undefined") return;
-  fallbackStore(name).clear();
   document.cookie = `${name}=; path=/; max-age=0`;
 }
 
@@ -11125,7 +11108,7 @@ var BenefitCard = ({
     const gap = cardVariant === "auth-figma" ? "gap-4" : "gap-2";
     return `flex ${gap} items-start justify-start relative`;
   };
-  const variantStyles = {
+  const variantStyles2 = {
     default: {
       container: "bg-ods-bg p-2 md:p-4",
       title: "font-body font-bold text-body-md md:text-body-lg text-ods-text-primary",
@@ -11142,7 +11125,7 @@ var BenefitCard = ({
       description: "text-h4 text-ods-text-secondary"
     }
   };
-  const styles = variantStyles[variant];
+  const styles = variantStyles2[variant];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, getBaseStyles(variant), styles.container, className), children: [
     icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: icon }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
@@ -11280,7 +11263,7 @@ function BulletList({
 var ChevronButton = _react.forwardRef.call(void 0, 
   ({ className, direction = "down", size = "md", isExpanded, backgroundColor, borderColor, ...props }, ref) => {
     const Icon2 = (isExpanded ? _lucidereact.ChevronUp : _lucidereact.ChevronDown) || (direction === "up" ? _lucidereact.ChevronUp : _lucidereact.ChevronDown);
-    const sizeClasses = {
+    const sizeClasses2 = {
       sm: "h-4 w-4",
       md: "h-5 w-5",
       lg: "h-6 w-6"
@@ -11299,7 +11282,7 @@ var ChevronButton = _react.forwardRef.call(void 0,
         },
         ref,
         ...props,
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon2, { className: sizeClasses[size] })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon2, { className: sizeClasses2[size] })
       }
     );
   }
@@ -11994,12 +11977,12 @@ function HighlightCardGrid({
 
 var IconsBlock = _react.forwardRef.call(void 0, 
   ({ className, icons = [], size = "md", ...props }, ref) => {
-    const sizeClasses = {
+    const sizeClasses2 = {
       sm: "h-4 w-4",
       md: "h-6 w-6",
       lg: "h-8 w-8"
     };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex items-center gap-2", className), ref, ...props, children: icons.map((icon, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "rounded-md bg-secondary p-1", sizeClasses[size]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full w-full rounded-sm bg-primary/20" }) }, index)) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex items-center gap-2", className), ref, ...props, children: icons.map((icon, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "rounded-md bg-secondary p-1", sizeClasses2[size]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full w-full rounded-sm bg-primary/20" }) }, index)) });
   }
 );
 IconsBlock.displayName = "IconsBlock";
@@ -20617,106 +20600,1799 @@ function PlatformFilterComponent({
 // src/components/features/push-button-selector.tsx
 
 
-function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
-    hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 animate-pulse rounded bg-ods-skeleton" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "animate-pulse rounded-lg border border-ods-border bg-ods-skeleton p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 rounded bg-ods-skeleton" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-1 h-4 w-20 rounded bg-ods-skeleton" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-32 rounded bg-ods-skeleton" })
+
+// src/components/loading/unified-skeleton.tsx
+
+function UnifiedSkeleton({
+  className,
+  variant = "default",
+  width,
+  height,
+  animate = true,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  const baseClasses = "bg-ods-skeleton";
+  const variantClasses = {
+    default: "rounded-md",
+    text: "rounded-sm",
+    circular: "rounded-full",
+    rectangular: "rounded-none"
+  };
+  const defaultHeights = {
+    default: "h-4",
+    text: "h-4",
+    circular: "h-12 w-12",
+    rectangular: "h-4"
+  };
+  const animationClasses = animate ? "animate-pulse motion-reduce:animate-none" : "";
+  const style = {
+    width,
+    height
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        baseClasses,
+        variantClasses[variant],
+        !height && !style.height && defaultHeights[variant],
+        !width && !style.width && variant !== "circular" && "w-full",
+        animationClasses,
+        className
+      ),
+      style,
+      role: "status",
+      "aria-label": ariaLabel || "Loading content",
+      ...props
+    }
+  );
+}
+var TextSkeleton = {
+  /**
+   * Large heading skeleton (h1, h2)
+   */
+  Heading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "text",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-8 md:h-10 lg:h-12", className),
+      "aria-label": "Loading heading",
+      ...props
+    }
+  ),
+  /**
+   * Medium heading skeleton (h3, h4)
+   */
+  Subheading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "text",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-6 md:h-7 lg:h-8", className),
+      "aria-label": "Loading subheading",
+      ...props
+    }
+  ),
+  /**
+   * Body text skeleton
+   */
+  Body: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-4 md:h-5", className), "aria-label": "Loading text", ...props }),
+  /**
+   * Small text skeleton (captions, metadata)
+   */
+  Caption: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-3 md:h-4", className), "aria-label": "Loading caption", ...props })
+};
+var InteractiveSkeleton = {
+  /**
+   * Button skeleton with proper touch targets
+   */
+  Button: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-10 w-32 md:h-12 md:w-40", className),
+      "aria-label": "Loading button",
+      ...props
+    }
+  ),
+  /**
+   * Input field skeleton
+   */
+  Input: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-10 w-full md:h-12", className),
+      "aria-label": "Loading input field",
+      ...props
+    }
+  ),
+  /**
+   * Filter chip skeleton
+   */
+  Chip: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-8 w-20 rounded-full", className),
+      "aria-label": "Loading filter",
+      ...props
+    }
+  )
+};
+var MediaSkeleton = {
+  /**
+   * Avatar/profile image skeleton
+   */
+  Avatar: ({
+    size = "md",
+    className,
+    ...props
+  }) => {
+    const sizeClasses2 = {
+      sm: "h-8 w-8",
+      md: "h-12 w-12",
+      lg: "h-16 w-16"
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      UnifiedSkeleton,
+      {
+        variant: "circular",
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, sizeClasses2[size], className),
+        "aria-label": "Loading profile image",
+        ...props
+      }
+    );
+  },
+  /**
+   * Card image skeleton (1200×630 OG aspect — matches entity-cards default
+   * so loading state never causes a height shift when card data arrives)
+   */
+  CardImage: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "aspect-[1200/630] w-full", className),
+      "aria-label": "Loading image",
+      ...props
+    }
+  ),
+  /**
+   * Icon skeleton
+   */
+  Icon: ({
+    size = "md",
+    className,
+    ...props
+  }) => {
+    const sizeClasses2 = {
+      sm: "h-4 w-4",
+      md: "h-6 w-6",
+      lg: "h-8 w-8"
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      UnifiedSkeleton,
+      {
+        variant: "default",
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, sizeClasses2[size], className),
+        "aria-label": "Loading icon",
+        ...props
+      }
+    );
+  }
+};
+
+// src/components/loading/card-skeleton.tsx
+
+function CardSkeleton({
+  className,
+  containerClassName,
+  variant = "vendor",
+  showActions = true,
+  showMetadata = true,
+  ...props
+}) {
+  const cardContent = {
+    vendor: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, VendorCardContent, { showMetadata }),
+    blog: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BlogCardContent, { showActions, showMetadata }),
+    category: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategoryCardContent, {}),
+    alternative: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlternativeCardContent, { showActions })
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        containerClassName || "border border-ods-border bg-ods-card",
+        "overflow-hidden rounded-lg",
+        // Flex layouts for certain variants
+        variant === "blog" && "flex h-full flex-col",
+        variant === "vendor" && "flex h-full flex-col",
+        className
+      ),
+      role: "status",
+      "aria-label": `Loading ${variant} card`,
+      ...props,
+      children: cardContent[variant]
+    }
+  );
+}
+function VendorCardContent({ showMetadata }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-[60px] w-[60px] flex-shrink-0 items-center justify-center rounded-lg border border-ods-border bg-ods-bg p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm", className: "h-11 w-11" }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/2" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+    ] }) }),
+    showMetadata && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-10" })
         ] })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 rounded border-2 border-ods-border bg-ods-skeleton" })
-    ] }) }, i)) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] }) })
+    ] })
   ] });
 }
-function PushButtonSelectorError({ message, title }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
-    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-error bg-ods-error-secondary p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-error text-h6", children: [
-      "\u26A0\uFE0F ",
-      message
-    ] }) })
+function BlogCardContent({ showActions, showMetadata }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "blog-card-image-container relative aspect-[1200/630] w-full overflow-hidden bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.CardImage, {}) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-grow flex-col p-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[50.4px] items-center md:min-h-[56px] lg:min-h-[61.6px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex h-[28px] items-center gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-16" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-12" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex min-h-[42px] items-center md:min-h-[45px] lg:min-h-[48px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" })
+      ] }) }),
+      showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-8 w-24" }) }),
+      showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-auto", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4 border-t border-ods-border pt-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex shrink-0 items-center gap-3 text-ods-text-muted", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-12" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1 w-1 rounded-full bg-ods-skeleton" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+        ] })
+      ] }) })
+    ] })
   ] });
 }
-function PushButtonSelector({
-  options,
-  selectedIds,
-  onSelectionChange,
-  multiSelect = true,
-  title,
-  helpText,
-  className = "",
-  selectionSummary = false,
-  optional = false,
-  isLoading = false,
-  error = null,
-  skeletonCount = 3,
-  sections
+function CategoryCardContent() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4 md:p-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-2 md:gap-3", children: Array.from({ length: 6 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "lg", className: "flex-shrink-0" }, index)) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/2" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start justify-between gap-4 md:items-end md:gap-6", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-10 w-10 flex-shrink-0 md:h-12 md:w-12" })
+      ] })
+    ] })
+  ] });
+}
+function AlternativeCardContent({ showActions }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "md", className: "flex-shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-5/6" })
+      ] }),
+      showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-8 w-20" }) })
+    ] })
+  ] });
+}
+function CardSkeletonGrid({
+  count = 6,
+  variant = "vendor",
+  className,
+  containerClassName,
+  ...props
 }) {
-  if (isLoading) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorError, { message: error, title }) });
-  }
-  const validSelectedIds = options.length > 0 ? selectedIds.filter((id) => options.some((option) => option.id === id)) : selectedIds;
-  if (process.env.NODE_ENV === "development" && options.length > 0 && validSelectedIds.length !== selectedIds.length) {
-    const invalidIds = selectedIds.filter((id) => !options.some((opt) => opt.id === id));
-    console.warn("[PushButtonSelector] Invalid selected IDs filtered:", invalidIds);
-  }
-  const toggleSelection = (optionId) => {
-    if (multiSelect) {
-      const isSelected = validSelectedIds.includes(optionId);
-      if (isSelected) {
-        onSelectionChange(validSelectedIds.filter((id) => id !== optionId));
-      } else {
-        onSelectionChange([...validSelectedIds, optionId]);
-      }
-    } else {
-      onSelectionChange(validSelectedIds.includes(optionId) ? [] : [optionId]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "grid gap-4 md:gap-6",
+        // Responsive grid based on card type
+        variant === "vendor" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+        variant === "blog" && "grid-cols-1 md:grid-cols-2",
+        variant === "category" && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+        variant === "alternative" && "grid-cols-1",
+        className
+      ),
+      role: "status",
+      "aria-label": `Loading ${count} ${variant} cards`,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeleton, { variant, containerClassName, ...props }, index))
     }
-  };
-  const getSelectedOptions = () => options.filter((option) => validSelectedIds.includes(option.id));
-  const renderOption = (option) => {
-    const isSelected = validSelectedIds.includes(option.id);
-    const optionEl = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  );
+}
+
+// src/components/loading/page-layout-skeleton.tsx
+
+function AnnouncementBarSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative w-full animate-pulse bg-ods-skeleton", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative flex w-full flex-row items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative box-border flex w-full flex-row items-center justify-start gap-4 py-3 pl-4 pr-12 md:gap-6 md:py-4 md:pl-6 md:pr-16", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative h-6 w-6 shrink-0 rounded bg-ods-border md:h-8 md:w-8" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 space-y-1 md:space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[14px] w-3/4 max-w-md rounded bg-ods-border md:h-[18px]" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden h-[12px] w-full max-w-lg rounded bg-ods-border md:block md:h-[18px]" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute right-2 top-2 h-6 w-6 rounded bg-ods-border" })
+  ] }) }) });
+}
+function HeroSkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "section",
+    {
+      className: "flex w-full animate-pulse flex-col items-center justify-center px-4 py-12 text-center md:px-8 md:py-20",
+      style: {
+        background: "radial-gradient(circle at 50% 0%, #242323 0%, #1A1A1A 100%)"
+      },
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "mb-4 h-12 w-full max-w-4xl md:mb-6 md:h-20 lg:h-24" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-8 w-full max-w-4xl space-y-3 px-2 md:mb-10", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "h-5 md:h-7" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "mx-auto h-5 w-3/4 md:h-7" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "h-12 w-full md:w-64" })
+      ]
+    }
+  );
+}
+function SearchContainerSkeleton({
+  className,
+  showFilters = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-4", className || ""), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 md:gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Input, { className: "flex-1" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "w-32 md:w-40" })
+    ] }),
+    showFilters && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-24" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-16" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-20" })
+    ] })
+  ] });
+}
+function CategorySidebarSkeleton({ className }) {
+  const items = [
+    { type: "file", width: "w-20", hasBadge: false },
+    { type: "folder", width: "w-24", hasBadge: true },
+    { type: "folder", width: "w-20", hasBadge: true },
+    { type: "folder", width: "w-24", hasBadge: true },
+    { type: "folder", width: "w-16", hasBadge: true },
+    { type: "folder", width: "w-20", hasBadge: true },
+    { type: "folder", width: "w-28", hasBadge: true },
+    { type: "folder", width: "w-16", hasBadge: true },
+    { type: "folder", width: "w-24", hasBadge: true },
+    { type: "file", width: "w-28" },
+    { type: "file", width: "w-36" }
+  ];
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "w-full lg:w-[320px]", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "mb-4 h-[14px] w-24 rounded" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1.5", children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: `group rounded-lg border p-4 transition-all duration-200 ${option.disabled ? `${isSelected ? "cursor-pointer" : "cursor-not-allowed"} border-ods-border bg-ods-card opacity-40` : isSelected ? "cursor-pointer border-ods-accent bg-ods-bg-surface shadow-sm" : "cursor-pointer border-ods-border bg-ods-bg hover:border-ods-border-hover hover:bg-ods-bg-hover"} `,
-        onClick: () => (!option.disabled || isSelected) && toggleSelection(option.id),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-            option.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "div",
-              {
-                className: `flex-shrink-0 transition-transform duration-200 ${isSelected ? "scale-110" : "group-hover:scale-105"}`,
-                children: option.icon
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-semibold text-ods-text-primary text-h6", children: option.displayName || option.name }),
-              option.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "line-clamp-2 text-ods-text-secondary text-h6", title: option.description, children: option.description })
-            ] })
+        className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+          "flex min-h-[50px] items-center justify-between rounded-lg border border-ods-border px-4 py-4",
+          index === 0 ? "bg-ods-accent/20" : "bg-ods-card"
+        ),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-4 w-4 shrink-0 rounded" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: `h-[14px] ${item.width} rounded` })
           ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: `flex h-6 w-6 flex-shrink-0 items-center justify-center rounded border-2 transition-all duration-200 ${isSelected ? "scale-110 border-ods-accent bg-ods-accent" : "border-ods-border group-hover:border-ods-border-hover"} `,
-              children: isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4 font-bold text-ods-text-primary", strokeWidth: 3 })
-            }
-          )
-        ] })
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[18px] items-center gap-2", children: [
+            item.hasBadge && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-[18px] w-14 rounded" }),
+            item.type === "folder" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-4 w-4 rounded" })
+          ] })
+        ]
       },
-      option.id
-    );
-    if (option.disabled && option.disabledReason) {
-      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, children: optionEl }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
-      ] }, option.id);
+      index
+    )) })
+  ] });
+}
+function BreadcrumbSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "mb-6 flex items-center space-x-1", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-24" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-32" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-24" })
+  ] });
+}
+function ResultsHeaderSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "mb-6 flex flex-col items-start justify-between gap-4 md:flex-row md:items-center", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-48" }) }) });
+}
+function TwoColumnLayoutSkeleton({
+  className,
+  sidebarContent,
+  mainContent,
+  sidebarPosition = "left"
+}) {
+  const sidebar = sidebarContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CategorySidebarSkeleton, {});
+  const main = mainContent || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeletonGrid, { count: 6 });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "grid grid-cols-1 gap-6 lg:grid-cols-[320px_1fr] lg:gap-8",
+        sidebarPosition === "right" && "lg:grid-cols-[1fr_320px]",
+        className
+      ),
+      children: sidebarPosition === "left" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: "order-2 lg:order-1", children: sidebar }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: "order-1 lg:order-2", children: main })
+      ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: "order-1", children: main }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "aside", { className: "order-2", children: sidebar })
+      ] })
+    }
+  );
+}
+function ArticleLayoutSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "mx-auto max-w-4xl", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "mb-8 space-y-4 md:mb-12 md:space-y-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Chip, { className: "w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-3/4" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 border-t border-ods-divider pt-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-24" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 md:mb-12", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.CardImage, { className: "h-64 w-full md:h-96" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "prose prose-invert max-w-none space-y-6", children: [
+      Array.from({ length: 12 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-5/6" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+      ] }, index)),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "py-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mb-4 w-2/3" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-4/5" })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function VendorDetailLayoutSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "main", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "min-h-screen bg-ods-bg", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto max-w-[1920px] px-6 py-6 md:px-20 md:py-10", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BreadcrumbSkeleton, { className: "mb-6" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col lg:flex-row lg:gap-10", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-10", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 flex gap-6", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-20 w-20 flex-shrink-0 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-80 max-w-full animate-pulse rounded bg-ods-skeleton md:h-16 lg:h-20" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-32 animate-pulse rounded bg-ods-skeleton md:h-6" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-20 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-16 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-[300px] w-full animate-pulse rounded-lg border border-ods-border bg-ods-card md:h-[400px] lg:h-[500px]" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mx-auto h-4 w-24 animate-pulse rounded bg-ods-skeleton" }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-10 lg:hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-12 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] }, i)) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-48 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-48 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "h-10 w-24 animate-pulse rounded-lg border border-ods-border bg-ods-card"
+              },
+              i
+            )) })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-52 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: "h-10 w-28 animate-pulse rounded-lg border border-ods-border bg-ods-card"
+              },
+              i
+            )) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-64 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6 md:p-8", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-5/6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-4/5 animate-pulse rounded bg-ods-skeleton" })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-72 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-80 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-16 animate-pulse rounded bg-ods-skeleton" }),
+              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded border border-ods-border bg-ods-bg" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
+                ] })
+              ] }, i))
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-6", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-16 animate-pulse rounded bg-ods-skeleton" }),
+              Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded border border-ods-border bg-ods-bg" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" })
+                ] })
+              ] }, i))
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-72 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-16 flex-shrink-0 animate-pulse rounded-lg border border-ods-border bg-ods-bg" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-20 animate-pulse rounded bg-ods-skeleton" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-5/6 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between border-t border-ods-border pt-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-16 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }, i)) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-md bg-ods-skeleton" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-20 flex flex-col gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-64 animate-pulse rounded bg-ods-skeleton md:h-10" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 overflow-hidden rounded-lg border border-ods-border bg-ods-bg", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-b border-ods-border p-3", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-3 w-8 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-full animate-pulse rounded bg-ods-skeleton" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-3", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-3 w-16 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-stretch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[120px] w-20 animate-pulse rounded-lg bg-ods-skeleton" }) })
+          ] }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-3 flex flex-col gap-3 min-[420px]:flex-row min-[420px]:items-center min-[420px]:justify-between min-[420px]:gap-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2 rounded-lg border border-ods-border bg-ods-card px-3 py-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded-lg bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" })
+              ] }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" })
+            ] }) }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-2/3 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4/5 animate-pulse rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/5 animate-pulse rounded bg-ods-skeleton" })
+              ] })
+            ] })
+          ] }, i)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "hidden w-[290px] flex-shrink-0 lg:block", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "overflow-hidden rounded-lg border border-ods-border", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 bg-ods-card p-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-8 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-20 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-12 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 p-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-6 animate-pulse rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-end gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-12 animate-pulse rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 animate-pulse rounded bg-ods-skeleton" })
+            ] })
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 animate-pulse rounded-lg border border-ods-border bg-ods-card" })
+        ] })
+      ] }) })
+    ] })
+  ] }) });
+}
+function StatsSectionSkeleton({ className, columns = 3 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "mb-12 grid gap-6 md:mb-16",
+        columns === 3 && "grid-cols-1 md:grid-cols-3",
+        columns === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+        className
+      ),
+      children: Array.from({ length: columns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+        ] })
+      ] }) }, i))
+    }
+  );
+}
+function BlogCardGridSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeletonGrid, { count: 4, variant: "blog", className: "grid-cols-1 md:grid-cols-2" }) });
+}
+function VendorGridSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardSkeletonGrid, { count: 12, variant: "vendor", className: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3" }) });
+}
+function SlackCommunitySkeleton() {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "section", { className: "w-full bg-ods-bg px-4 py-12 md:px-20 md:py-20 lg:px-20", "aria-label": "Slack Community Loading", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col gap-4 md:gap-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 max-w-md animate-pulse rounded-lg bg-ods-skeleton md:h-12 lg:h-14" }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-col gap-4 md:gap-6 lg:flex-row lg:items-start lg:justify-end", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-shrink-0 animate-pulse flex-col overflow-hidden rounded border border-ods-border bg-ods-bg lg:w-[290px] lg:max-w-[290px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 p-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-24 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-16 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-32 rounded bg-ods-skeleton" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-3 w-16 rounded bg-ods-skeleton" }),
+          Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-[48px] items-center gap-2 px-2 py-3", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-1 h-3 w-24 rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-2 w-16 rounded bg-ods-skeleton" })
+            ] })
+          ] }, i))
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 border-t border-ods-border pt-3", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-16 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex justify-between", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
+          ] })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[450px] min-h-[450px] min-w-0 flex-1 animate-pulse flex-col rounded-lg border border-ods-border bg-ods-card md:h-[500px] md:min-h-[500px] lg:h-[600px] lg:min-h-[600px]", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-[56px] flex-shrink-0 items-center justify-between border-b border-ods-border bg-ods-bg p-4 md:h-[60px] md:p-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-3 rounded bg-ods-skeleton md:h-4 md:w-4" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 rounded bg-ods-skeleton md:h-4 md:w-32" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-12 rounded bg-ods-skeleton md:w-16" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[280px] flex-1 space-y-3 overflow-hidden bg-ods-bg p-4 md:min-h-[320px] md:space-y-4 md:p-6 lg:min-h-[420px]", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 md:gap-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-10 flex-shrink-0 rounded-lg bg-ods-skeleton md:h-12 md:w-12" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-1 flex items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-16 rounded bg-ods-skeleton md:w-20" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-12 rounded bg-ods-skeleton md:w-16" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-full rounded bg-ods-skeleton md:h-4" })
+          ] })
+        ] }, i)) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[72px] flex-shrink-0 border-t border-ods-border bg-ods-card p-4 md:h-[80px] md:p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-end justify-center gap-3 md:justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-28 rounded-lg bg-ods-skeleton md:h-12 md:w-32" }) }) })
+      ] })
+    ] })
+  ] }) });
+}
+
+// src/components/content-loading-container.tsx
+
+function ContentLoadingContainer({
+  isLoading,
+  children,
+  skeletonComponent,
+  className,
+  minHeight = "min-h-[300px] md:min-h-[800px]",
+  loadingOpacity = 1,
+  transitionDuration = 300
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "relative w-full transition-all ease-in-out", minHeight, className),
+      style: {
+        transitionDuration: `${transitionDuration}ms`
+      },
+      role: "region",
+      "aria-label": isLoading ? "Loading content" : "Content loaded",
+      "aria-live": "polite",
+      children: [
+        isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: "absolute inset-0 z-10 bg-ods-bg",
+            style: {
+              opacity: loadingOpacity,
+              transition: `opacity ${transitionDuration}ms ease-in-out`
+            },
+            role: "status",
+            "aria-label": "Loading content",
+            children: skeletonComponent
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkPRPZBXWZcjs.cn.call(void 0, "relative transition-opacity ease-in-out", isLoading && "opacity-0"),
+            style: {
+              transitionDuration: `${transitionDuration}ms`
+            },
+            "aria-hidden": isLoading,
+            children
+          }
+        )
+      ]
+    }
+  );
+}
+function useContentLoading(isLoading) {
+  const containerProps = {
+    "aria-busy": isLoading,
+    "data-loading": isLoading
+  };
+  const getSkeletonCount = (contentType) => {
+    return contentType === "vendor" ? 12 : 6;
+  };
+  const getMinHeight = (contentType) => {
+    return contentType === "vendor" ? "min-h-[400px] md:min-h-[900px]" : "min-h-[300px] md:min-h-[800px]";
+  };
+  return {
+    containerProps,
+    getSkeletonCount,
+    getMinHeight
+  };
+}
+
+// src/components/loading/content-skeleton.tsx
+
+function ParagraphSkeleton({ className, lines = 4 }) {
+  const lineWidths = ["w-full", "w-full", "w-5/6", "w-3/4", "w-4/5", "w-2/3"];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-2", className), children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: lineWidths[index % lineWidths.length] }, index)) });
+}
+function ListSkeleton({
+  className,
+  items = 5,
+  showIcons = false,
+  showActions = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-3", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+      showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-32 md:w-48" })
+    ] }),
+    showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: "h-4 w-4" })
+    ] })
+  ] }, index)) });
+}
+function TableSkeleton({
+  className,
+  rows = 5,
+  columns = 4
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-4", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }, index)) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: rows }).map((_, rowIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "grid gap-4 border-b border-ods-divider py-2",
+        style: { gridTemplateColumns: `repeat(${columns}, 1fr)` },
+        children: Array.from({ length: columns }).map((_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" }, colIndex))
+      },
+      rowIndex
+    )) })
+  ] });
+}
+function FormSkeleton({ className, fields = 4 }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: [
+    Array.from({ length: fields }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-24" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Input, {}),
+      index % 3 === 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-48" })
+    ] }, index)),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 pt-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, {}),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "bg-ods-border" })
+    ] })
+  ] });
+}
+function NavigationSkeleton({
+  className,
+  items = 6,
+  horizontal = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "nav",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex gap-4 md:gap-6", !horizontal && "flex-col", className),
+      role: "status",
+      "aria-label": "Loading navigation",
+      children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-16 md:w-20" }, index))
+    }
+  );
+}
+function ProfileSkeleton({
+  className,
+  showBio = true,
+  showStats = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-4", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "lg" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+      ] })
+    ] }),
+    showBio && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-4/5" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+    ] }),
+    showStats && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-6", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mx-auto w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "mx-auto w-12" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mx-auto w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "mx-auto w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-center", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "mx-auto w-8" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "mx-auto w-14" })
+      ] })
+    ] })
+  ] });
+}
+function CommentSkeleton({
+  className,
+  showRating = false,
+  showReplies = false
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-3", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 items-center gap-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-24" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" }),
+        showRating && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }, i)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11 flex gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-12" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" })
+    ] }),
+    showReplies && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ml-11 space-y-4 border-l border-ods-divider pl-4", children: Array.from({ length: 2 }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Avatar, { size: "sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-12" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-11", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+      ] })
+    ] }, index)) })
+  ] });
+}
+function FeatureListSkeleton({
+  className,
+  features = 6,
+  showIcons = true,
+  grouped = false
+}) {
+  if (grouped) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: Array.from({ length: 3 }).map((_, groupIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: Array.from({ length: features / 3 }).map((_feature, featureIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+      ] }, featureIndex)) })
+    ] }, groupIndex)) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-3", className), children: Array.from({ length: features }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+    showIcons && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+  ] }, index)) });
+}
+function TimelineSkeleton({ className, items = 5 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: Array.from({ length: items }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+      index < items - 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2 h-12 w-px bg-ods-border" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/3" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+    ] })
+  ] }, index)) });
+}
+function PricingSkeleton({ className, plans = 3 }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "grid gap-6",
+        plans === 2 && "grid-cols-1 md:grid-cols-2",
+        plans === 3 && "grid-cols-1 md:grid-cols-3",
+        plans === 4 && "grid-cols-1 md:grid-cols-2 lg:grid-cols-4",
+        className
+      ),
+      children: Array.from({ length: plans }).map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-card p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/2" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-1/3" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/4" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3 py-4", children: Array.from({ length: 5 }).map((_feature, featureIndex) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+        ] }, featureIndex)) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Button, { className: "w-full" })
+      ] }) }, index))
+    }
+  );
+}
+
+// src/components/profile/ProfileLoadingSkeleton.tsx
+
+function ProfileLoadingSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-16 animate-pulse rounded-full bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 animate-pulse rounded bg-ods-skeleton" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 animate-pulse rounded bg-ods-skeleton" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full animate-pulse rounded bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 animate-pulse rounded bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-1/2 animate-pulse rounded bg-ods-skeleton" })
+    ] })
+  ] });
+}
+
+// src/components/loading/msp-profile-form-skeleton.tsx
+
+function MspProfileFormSkeleton({ className, fields = 4 }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "grid grid-cols-1 items-stretch gap-6 md:grid-cols-2", className),
+      role: "status",
+      "aria-label": "Loading MSP profile form",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-28" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-[180px] flex-1 md:min-h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-full w-full rounded-lg", "aria-label": "Loading company logo" }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: Array.from({ length: fields }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-40" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InteractiveSkeleton.Input, {})
+        ] }, idx)) })
+      ]
+    }
+  );
+}
+
+// src/components/loading/category-card-skeleton.tsx
+
+function CategoryCardSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "article",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        "box-border flex min-w-0 flex-col rounded-[12px] border border-ods-border bg-ods-card p-8",
+        className
+      ),
+      role: "status",
+      "aria-label": "Loading category card",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-8 flex items-center justify-center gap-6", children: Array.from({ length: 10 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "circular", className: "h-10 w-10 flex-shrink-0", "aria-label": "Loading icon" }, i)) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col space-y-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-3/4" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-12 w-12 rounded-[6px]", "aria-label": "Loading button" }) })
+      ]
+    }
+  );
+}
+
+// src/components/loading/category-vendor-selector-skeleton.tsx
+
+function CategoryVendorSelectorSkeleton({ subcategories = 3, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "rounded-lg border border-ods-border bg-ods-card p-6", className),
+      role: "status",
+      "aria-label": "Loading category section",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-6 max-w-xl space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-1/2" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-3/4" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-6", children: Array.from({ length: subcategories }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-1/3" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-2 gap-4 md:grid-cols-3", children: Array.from({ length: 2 }).map((__, j) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-20 rounded-lg" }, j)) })
+        ] }, idx)) })
+      ]
+    }
+  );
+}
+
+// src/components/loading/wizard-layout-skeleton.tsx
+
+function WizardLayoutSkeleton({ steps = 6, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "space-y-6", className), role: "status", "aria-label": "Loading wizard layout", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap items-center gap-2", children: Array.from({ length: steps }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-6 w-24 rounded" }, i)) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "max-w-2xl space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Heading, { className: "w-2/3" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-1/2" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mt-10 flex justify-between", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-10 w-24 rounded" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-10 w-32 rounded" })
+    ] })
+  ] });
+}
+
+// src/components/loading/margin-report-skeleton.tsx
+
+function MarginReportSkeleton({ animate = true, description, overlayContent }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "main", { className: `bg-ods-bg ${animate ? "animate-pulse" : ""} relative min-h-screen`, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mx-auto max-w-[1920px] space-y-10 px-6 py-6 md:px-20 md:py-10", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-72 rounded bg-ods-skeleton" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-80 rounded bg-ods-skeleton" })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-32 rounded border border-ods-border bg-ods-card" }, i)) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex animate-pulse items-center gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-14 w-14 rounded-lg bg-ods-skeleton" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-1/2 rounded bg-ods-skeleton" })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex animate-pulse flex-col gap-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-10 w-10 rounded-lg bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-20 rounded bg-ods-skeleton" })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-36 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 h-4 w-40 rounded bg-ods-skeleton" })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: ["Commercial Stack", "Open-Source Stack"].map((label, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "div",
+        {
+          className: "flex animate-pulse flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-card",
+          children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between px-6 py-4", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-40 rounded bg-ods-skeleton" }),
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-skeleton" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-10 rounded bg-ods-skeleton" })
+              ] })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-1 flex-col gap-3 p-3", children: Array.from({ length: 5 }).map((_, j) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              "div",
+              {
+                className: "flex items-center justify-between rounded-lg border border-ods-border bg-ods-bg px-4 py-3",
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center gap-3", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 rounded-lg bg-ods-skeleton" }),
+                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-32 rounded bg-ods-skeleton" }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-1 hidden h-3 w-24 rounded bg-ods-skeleton md:block" })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-16 rounded bg-ods-skeleton" }),
+                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-8 rounded bg-ods-skeleton" })
+                  ] })
+                ]
+              },
+              j
+            )) })
+          ]
+        },
+        idx
+      )) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-60 rounded bg-ods-skeleton" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-48 rounded border border-ods-border bg-ods-card" }, i)) }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-6 rounded-3xl border border-ods-border p-8", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-6", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-72 rounded bg-ods-skeleton" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-3/4 rounded bg-ods-skeleton" })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 shrink-0 rounded-md bg-ods-skeleton" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-32 rounded border border-ods-border bg-ods-card" }, i)) })
+      ] })
+    ] }),
+    overlayContent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-none absolute inset-0 z-10 rounded-lg bg-ods-card/80", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto fixed left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 flex-col items-center gap-4 px-4 text-center", children: [
+      description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { children: description }),
+      overlayContent
+    ] }) })
+  ] });
+}
+
+// src/components/loading/users-grid-skeleton.tsx
+
+function UsersGridSkeleton({ rows = 10, className }) {
+  const skeletonRows = Array.from({ length: rows });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkPRPZBXWZcjs.cn.call(void 0, "animate-pulse overflow-x-auto rounded-lg border border-ods-border bg-ods-card", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "min-w-full divide-y divide-ods-border", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { className: "bg-ods-skeleton", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: ["Name", "Email", "Role", "Created", "Last Sign-In"].map((h) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "th", { className: "px-4 py-3 text-left text-ods-text-primary text-h6", children: h }, h)) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { className: "divide-y divide-ods-border", children: skeletonRows.map((_, idx) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: Array.from({ length: 5 }).map((__, cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "td", { className: "whitespace-nowrap px-4 py-3", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-full rounded bg-ods-border" }) }, cell)) }, idx)) })
+  ] }) });
+}
+
+// src/components/dynamic-skeleton.tsx
+
+
+// src/hooks/use-theme-aware.ts
+function useThemeAware() {
+  return {
+    themeColors: {},
+    platformContext: "default",
+    isDarkMode: false,
+    platform: "default",
+    isDark: false,
+    accentColor: "#FFC008"
+  };
+}
+
+// src/components/dynamic-skeleton.tsx
+
+var sizePresets = {
+  sm: { width: "4rem", height: "1rem" },
+  md: { width: "8rem", height: "1.5rem" },
+  lg: { width: "12rem", height: "2rem" },
+  xl: { width: "16rem", height: "2.5rem" }
+};
+var variantStyles = {
+  text: "rounded",
+  avatar: "rounded-full aspect-square",
+  card: "rounded-lg",
+  button: "rounded-md",
+  image: "rounded-lg aspect-video",
+  custom: ""
+};
+function DynamicSkeleton({
+  animation = "shimmer",
+  variant = "text",
+  size = "md",
+  width,
+  height,
+  lines = 1,
+  platformAware = true,
+  includeAriaLabel = true,
+  className,
+  children
+}) {
+  const { platform, isDark, accentColor } = useThemeAware();
+  const dimensions = _react2.default.useMemo(() => {
+    if (width || height) {
+      return {
+        width: typeof width === "number" ? `${width}px` : width,
+        height: typeof height === "number" ? `${height}px` : height
+      };
+    }
+    if (variant === "avatar") {
+      const avatarSize = sizePresets[size].height;
+      return { width: avatarSize, height: avatarSize };
+    }
+    return sizePresets[size];
+  }, [width, height, size, variant]);
+  const platformStyles = _react2.default.useMemo(() => {
+    if (!platformAware) return {};
+    const baseOpacity = isDark ? 0.1 : 0.15;
+    const accentOpacity = isDark ? 0.05 : 0.08;
+    return {
+      "--skeleton-base": `color-mix(in srgb, var(--color-bg-skeleton) ${baseOpacity * 100}%, transparent)`,
+      "--skeleton-highlight": `color-mix(in srgb, ${accentColor} ${accentOpacity * 100}%, var(--color-bg-skeleton))`,
+      "--skeleton-accent": `color-mix(in srgb, ${accentColor} 10%, transparent)`
+    };
+  }, [platformAware, isDark, accentColor]);
+  const animationClasses = {
+    pulse: "animate-pulse",
+    shimmer: "ods-loading-dynamic",
+    wave: "skeleton-wave",
+    static: ""
+  };
+  const baseClasses = _chunkPRPZBXWZcjs.cn.call(void 0, 
+    "bg-ods-skeleton",
+    variantStyles[variant],
+    animationClasses[animation],
+    platformAware && `skeleton-platform-${platform}`,
+    className
+  );
+  if (variant === "text" && lines > 1) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "space-y-2",
+        style: platformStyles,
+        role: "status",
+        "aria-label": includeAriaLabel ? "Loading content..." : void 0,
+        children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+              baseClasses,
+              index === lines - 1 && "w-3/4"
+              // Last line shorter
+            ),
+            style: {
+              ...dimensions,
+              width: index === lines - 1 ? "75%" : dimensions.width
+            }
+          },
+          index
+        ))
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: baseClasses,
+      style: { ...dimensions, ...platformStyles },
+      role: "status",
+      "aria-label": includeAriaLabel ? "Loading content..." : void 0,
+      children
+    }
+  );
+}
+var SkeletonPresets = {
+  /**
+   * Card skeleton with header, content, and actions
+   */
+  Card: ({ showActions = true, showImage = false }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4 rounded-lg border border-ods-border bg-ods-card p-6", children: [
+    showImage && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "image", className: "h-40 w-full" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "lg" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+    ] }),
+    showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2 pt-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "button", width: "6rem", height: "2.5rem" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "button", width: "4rem", height: "2.5rem" })
+    ] })
+  ] }),
+  /**
+   * User profile skeleton
+   */
+  Profile: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-start gap-4 p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "avatar", size: "lg" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "lg", width: "8rem" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "12rem" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 2, size: "md" })
+    ] })
+  ] }),
+  /**
+   * Navigation skeleton
+   */
+  Navigation: ({ items = 5 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: "space-y-2 p-4", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "avatar", size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "md" })
+  ] }, index)) }),
+  /**
+   * Table skeleton
+   */
+  Table: ({ rows = 5, columns = 4 }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "md" }, `header-${index}`)) }),
+    Array.from({ length: rows }, (_, rowIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4", style: { gridTemplateColumns: `repeat(${columns}, 1fr)` }, children: Array.from({ length: columns }, (_cell, colIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm" }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`))
+  ] }),
+  /**
+   * Vendor grid skeleton (specific to the app)
+   */
+  VendorGrid: ({ items = 6 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: items }, (_, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "avatar", size: "md" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "md", width: "6rem" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "4rem", className: "mt-1" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 2, size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "custom", width: "3rem", height: "1.25rem", className: "rounded-full" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "custom", width: "4rem", height: "1.25rem", className: "rounded-full" })
+    ] })
+  ] }, index)) }),
+  /**
+   * Blog post skeleton
+   */
+  BlogPost: () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "article", { className: "space-y-6", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "xl", width: "75%" }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-4 text-sm", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "4rem" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", size: "sm", width: "6rem" })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "image", className: "h-64 w-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: 4 }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DynamicSkeleton, { variant: "text", lines: 3, size: "md" }, index)) })
+  ] })
+};
+function PlatformSkeletonContainer({
+  children,
+  isLoading,
+  skeletonType = "Card",
+  skeletonProps = {}
+}) {
+  const { platform } = useThemeAware();
+  if (!isLoading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children });
+  }
+  const SkeletonComponent = SkeletonPresets[skeletonType];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `platform-skeleton skeleton-${platform}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SkeletonComponent, { ...skeletonProps }) });
+}
+function ProgressiveSkeleton({
+  // Named only to keep it out of the `...props` spread: the stage NAMES are
+  // unused, `currentStage` alone selects the skeleton shape below.
+  stages: _stages = ["basic", "detailed", "interactive"],
+  currentStage = 0,
+  children,
+  ...props
+}) {
+  const { platform } = useThemeAware();
+  const stageConfig = {
+    0: { animation: "pulse", variant: "text" },
+    1: { animation: "shimmer", variant: "card" },
+    2: { animation: "wave", variant: "custom" }
+  };
+  const config = stageConfig[currentStage] || stageConfig[0];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DynamicSkeleton,
+    {
+      ...props,
+      ...config,
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, props.className, `skeleton-stage-${currentStage}`, `skeleton-platform-${platform}`),
+      children
+    }
+  );
+}
+
+// src/components/loading/organization-icon-skeleton.tsx
+
+var sizeClasses = {
+  xs: "w-6 h-6",
+  sm: "w-8 h-8",
+  md: "w-10 h-10",
+  lg: "w-12 h-12",
+  l: "w-14 h-14",
+  xl: "w-16 h-16"
+};
+var backgroundClasses = {
+  dark: "bg-ods-bg border border-ods-border",
+  light: "bg-ods-card border border-ods-border",
+  white: "bg-white border border-[#E5E5E5]"
+};
+function OrganizationIconSkeleton({
+  size = "md",
+  className = "",
+  showBackground = true,
+  backgroundStyle = "dark"
+}) {
+  const containerClasses = _chunkPRPZBXWZcjs.cn.call(void 0, 
+    sizeClasses[size],
+    "flex flex-shrink-0 items-center justify-center rounded-lg",
+    showBackground && backgroundClasses[backgroundStyle],
+    !showBackground && "overflow-hidden",
+    className
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: containerClasses, role: "status", "aria-label": "Loading organization icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-1/2 w-1/2 animate-pulse rounded-sm bg-ods-border" }) });
+}
+
+// src/components/loading/organization-card-skeleton.tsx
+
+function OrganizationCardSkeleton({
+  className,
+  containerClassName,
+  showFooter = true,
+  showDescription = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, 
+        containerClassName || "border border-ods-border bg-ods-card",
+        "flex h-full flex-col overflow-hidden rounded-lg",
+        className
+      ),
+      role: "status",
+      "aria-label": "Loading organization card",
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-3 p-4", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-start gap-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            OrganizationIconSkeleton,
+            {
+              size: "xl",
+              backgroundStyle: "dark",
+              showBackground: true,
+              className: "h-[60px] w-[60px]"
+            }
+          ),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center space-y-1 py-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Subheading, { className: "w-3/4" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-1/2" })
+          ] })
+        ] }),
+        showDescription && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-12 w-full items-center overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "w-full space-y-1", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-full" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Body, { className: "w-2/3" })
+        ] }) }),
+        showFooter && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 items-center justify-between gap-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-shrink items-center gap-3 md:gap-4", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-8" })
+            ] }),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-5 w-5" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-10" })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-1.5 rounded border border-ods-border bg-ods-bg px-2.5 py-1.5", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-4 w-4 flex-shrink-0 items-center justify-center rounded-sm bg-ods-border", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MediaSkeleton.Icon, { size: "sm", className: "h-2.5 w-2.5" }) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TextSkeleton.Caption, { className: "w-16" })
+          ] }) })
+        ] })
+      ] })
+    }
+  );
+}
+function OrganizationCardSkeletonGrid({
+  count = 12,
+  className,
+  containerClassName,
+  showFooter = true,
+  showDescription = true
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "grid grid-cols-1 gap-4 md:grid-cols-2 md:gap-6 lg:grid-cols-3", className),
+      role: "status",
+      "aria-label": `Loading ${count} organization cards`,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        OrganizationCardSkeleton,
+        {
+          containerClassName,
+          showFooter,
+          showDescription
+        },
+        index
+      ))
+    }
+  );
+}
+
+// src/components/loading/device-card-skeleton.tsx
+
+function DeviceCardSkeleton({ className }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "h-full rounded-[6px] border border-ods-border bg-ods-card", className),
+      role: "status",
+      "aria-label": "Loading device card",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 px-4 py-3", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-[6px] border border-ods-border bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 animate-pulse rounded bg-ods-border" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-3/4 animate-pulse rounded bg-ods-border" }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-12 w-12 flex-shrink-0 animate-pulse rounded-[6px] bg-ods-border" })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 px-4 py-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-24 flex-shrink-0 animate-pulse rounded bg-ods-border" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, OrganizationIconSkeleton, { size: "sm" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-1/2 animate-pulse rounded bg-ods-border" }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4 px-4 py-2", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-6 w-20 flex-shrink-0 animate-pulse rounded-full bg-ods-border" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-40 animate-pulse rounded bg-ods-border" }) })
+        ] })
+      ]
+    }
+  );
+}
+function DeviceCardSkeletonGrid({ count = 12, className }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      className: _chunkPRPZBXWZcjs.cn.call(void 0, "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-4", className),
+      role: "status",
+      "aria-label": `Loading ${count} device cards`,
+      children: Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DeviceCardSkeleton, {}, index))
+    }
+  );
+}
+
+// src/components/features/push-button-selector.tsx
+
+function PushButtonSelectorSkeleton({ count = 3, hasTitle }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", role: "status", "aria-label": "Loading options", children: [
+    hasTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-5 w-20", "aria-label": "Loading title" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: Array.from({ length: count }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-border bg-ods-bg p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-8 w-8", "aria-label": "Loading icon" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: "mb-2 h-4 w-24", "aria-label": "Loading name" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: "h-4 w-36", "aria-label": "Loading description" })
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { className: "h-6 w-6", "aria-label": "Loading selection state" })
+    ] }) }, i)) })
+  ] });
+}
+function PushButtonSelectorError({ message, title }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3", children: [
+    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded-lg border border-ods-error bg-ods-error-secondary p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "text-ods-error text-h6", children: [
+      "\u26A0\uFE0F ",
+      message
+    ] }) })
+  ] });
+}
+function PushButtonSelector({
+  options,
+  selectedIds,
+  onSelectionChange,
+  multiSelect = true,
+  title,
+  helpText,
+  className = "",
+  selectionSummary = false,
+  optional = false,
+  isLoading = false,
+  error = null,
+  skeletonCount = 3,
+  sections,
+  search,
+  lazyLoad,
+  emptyMessage,
+  footer
+}) {
+  const scrollRef = _react.useRef.call(void 0, null);
+  const sentinelRef = _react.useRef.call(void 0, null);
+  const lazyHasMore = _nullishCoalesce(_optionalChain([lazyLoad, 'optionalAccess', _461 => _461.hasMore]), () => ( false));
+  const lazyFetching = _nullishCoalesce(_optionalChain([lazyLoad, 'optionalAccess', _462 => _462.isFetchingMore]), () => ( false));
+  const onLoadMore = _optionalChain([lazyLoad, 'optionalAccess', _463 => _463.onLoadMore]);
+  const optionCount = options.length;
+  _react.useEffect.call(void 0, () => {
+    const sentinel = sentinelRef.current;
+    const root = scrollRef.current;
+    if (!sentinel || !root || !onLoadMore || !lazyHasMore) return void 0;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        if (entries.some((e) => e.isIntersecting) && !lazyFetching) {
+          onLoadMore();
+        }
+      },
+      { root, rootMargin: "80px" }
+    );
+    observer.observe(sentinel);
+    return () => {
+      observer.disconnect();
+    };
+  }, [lazyHasMore, lazyFetching, onLoadMore, optionCount]);
+  const searchInput = search ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkIKDC3R7Vcjs.Input,
+    {
+      value: search.value,
+      onChange: (e) => search.onChange(e.target.value),
+      placeholder: search.placeholder,
+      "aria-label": _nullishCoalesce(_nullishCoalesce(search.ariaLabel, () => ( search.placeholder)), () => ( "Search"))
+    }
+  ) : null;
+  const framed = !!search || !!lazyLoad;
+  if (isLoading && !framed) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorSkeleton, { count: skeletonCount, hasTitle: !!title }) });
+  }
+  if (error && !framed) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorError, { message: error, title }) });
+  }
+  const validSelectedIds = options.length > 0 ? selectedIds.filter((id) => options.some((option) => option.id === id)) : selectedIds;
+  if (process.env.NODE_ENV === "development" && options.length > 0 && validSelectedIds.length !== selectedIds.length) {
+    const invalidIds = selectedIds.filter((id) => !options.some((opt) => opt.id === id));
+    console.warn("[PushButtonSelector] Invalid selected IDs filtered:", invalidIds);
+  }
+  const toggleSelection = (optionId) => {
+    if (multiSelect) {
+      const isSelected = validSelectedIds.includes(optionId);
+      if (isSelected) {
+        onSelectionChange(validSelectedIds.filter((id) => id !== optionId));
+      } else {
+        onSelectionChange([...validSelectedIds, optionId]);
+      }
+    } else {
+      onSelectionChange(validSelectedIds.includes(optionId) ? [] : [optionId]);
+    }
+  };
+  const getSelectedOptions = () => options.filter((option) => validSelectedIds.includes(option.id));
+  const renderOption = (option) => {
+    const isSelected = validSelectedIds.includes(option.id);
+    const optionEl = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: `group rounded-lg border p-4 transition-all duration-200 ${option.disabled ? `${isSelected ? "cursor-pointer" : "cursor-not-allowed"} border-ods-border bg-ods-card opacity-40` : isSelected ? "cursor-pointer border-ods-accent bg-ods-bg-surface shadow-sm" : "cursor-pointer border-ods-border bg-ods-bg hover:border-ods-border-hover hover:bg-ods-bg-hover"} `,
+        onClick: () => (!option.disabled || isSelected) && toggleSelection(option.id),
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-4", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+            option.icon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: `flex-shrink-0 transition-transform duration-200 ${isSelected ? "scale-110" : "group-hover:scale-105"}`,
+                children: option.icon
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "font-semibold text-ods-text-primary text-h6", children: option.displayName || option.name }),
+              option.description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "line-clamp-2 text-ods-text-secondary text-h6", title: option.description, children: option.description })
+            ] })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: `flex h-6 w-6 flex-shrink-0 items-center justify-center rounded border-2 transition-all duration-200 ${isSelected ? "scale-110 border-ods-accent bg-ods-accent" : "border-ods-border group-hover:border-ods-border-hover"} `,
+              children: isSelected && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Check, { className: "h-4 w-4 font-bold text-ods-text-primary", strokeWidth: 3 })
+            }
+          )
+        ] })
+      },
+      option.id
+    );
+    if (option.disabled && option.disabledReason) {
+      return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, children: optionEl }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { className: "max-w-xs", children: option.disabledReason })
+      ] }, option.id);
     }
     return optionEl;
   };
@@ -20752,10 +22428,28 @@ function PushButtonSelector({
       ungroupedOptions.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
     ] });
   };
+  const framedSkeletonCount = lazyLoad ? Math.max(skeletonCount, 4) : skeletonCount;
+  const listContent = isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorSkeleton, { count: framedSkeletonCount }) : error ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PushButtonSelectorError, { message: error }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+    options.length === 0 && emptyMessage !== void 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-secondary text-h6", children: emptyMessage }) : renderOptionsContent(),
+    lazyLoad ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: sentinelRef }),
+      lazyLoad.isFetchingMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "py-2 text-center text-ods-text-secondary text-h6", children: "Loading more\u2026" }) : null
+    ] }) : null
+  ] });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: `space-y-4 ${className}`, children: [
     title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h5", children: title }),
-    renderOptionsContent(),
-    selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-success bg-ods-success-secondary p-4", children: [
+    searchInput,
+    lazyLoad ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        ref: scrollRef,
+        className: "space-y-4 overflow-y-auto rounded-lg border border-ods-border p-2",
+        style: { height: _nullishCoalesce(lazyLoad.maxHeight, () => ( "336px")) },
+        children: listContent
+      }
+    ) : listContent,
+    footer,
+    !isLoading && !error && selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rounded-lg border border-ods-success bg-ods-success-secondary p-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-2 flex items-center gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-2 w-2 rounded-full bg-ods-success" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-ods-success text-h6", children: [
@@ -20780,7 +22474,7 @@ function ReleaseMediaManager({ media, onChange, onUpload, className = "" }) {
   const fileInputRef = _react.useRef.call(void 0, null);
   const [uploadingIndex, setUploadingIndex] = _react.useState.call(void 0, null);
   const handleFileSelect = async (event) => {
-    const file = _optionalChain([event, 'access', _461 => _461.target, 'access', _462 => _462.files, 'optionalAccess', _463 => _463[0]]);
+    const file = _optionalChain([event, 'access', _464 => _464.target, 'access', _465 => _465.files, 'optionalAccess', _466 => _466[0]]);
     if (!file) return;
     let mediaType;
     if (file.type.startsWith("image/")) {
@@ -20862,7 +22556,7 @@ function ReleaseMediaManager({ media, onChange, onUpload, className = "" }) {
         {
           type: "button",
           variant: "outline",
-          onClick: () => _optionalChain([fileInputRef, 'access', _464 => _464.current, 'optionalAccess', _465 => _465.click, 'call', _466 => _466()]),
+          onClick: () => _optionalChain([fileInputRef, 'access', _467 => _467.current, 'optionalAccess', _468 => _468.click, 'call', _469 => _469()]),
           disabled: uploadingIndex !== null,
           leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Plus, { className: "h-4 w-4" }),
           className: "font-bold text-h6",
@@ -21143,7 +22837,7 @@ function SEOEditorPreview({
   const displayImage = hasOgImage || hasFeaturedImage;
   const handleImageUpload = async (event) => {
     if (!onOgImageUpload) return;
-    const file = _optionalChain([event, 'access', _467 => _467.target, 'access', _468 => _468.files, 'optionalAccess', _469 => _469[0]]);
+    const file = _optionalChain([event, 'access', _470 => _470.target, 'access', _471 => _471.files, 'optionalAccess', _472 => _472[0]]);
     if (!file) return;
     setIsUploading(true);
     try {
@@ -21300,7 +22994,7 @@ function SEOEditorPreview({
                   type: "button",
                   variant: "outline",
                   size: "icon",
-                  onClick: () => _optionalChain([fileInputRef, 'optionalAccess', _470 => _470.click, 'call', _471 => _471()]),
+                  onClick: () => _optionalChain([fileInputRef, 'optionalAccess', _473 => _473.click, 'call', _474 => _474()]),
                   disabled: disabled || isUploading,
                   className: "rounded-full bg-white text-black opacity-0 hover:bg-gray-100 group-hover:opacity-100",
                   children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "h-4 w-4" })
@@ -21326,7 +23020,7 @@ function SEOEditorPreview({
                 SEO_MEDIA_BOX_HEIGHT,
                 "flex cursor-pointer flex-col items-center justify-center rounded-lg border-2 border-dashed border-ods-border bg-ods-bg-hover transition-colors hover:border-ods-accent"
               ),
-              onClick: () => onOgImageUpload && _optionalChain([fileInputRef, 'optionalAccess', _472 => _472.click, 'call', _473 => _473()]),
+              onClick: () => onOgImageUpload && _optionalChain([fileInputRef, 'optionalAccess', _475 => _475.click, 'call', _476 => _476()]),
               children: isUploading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Loader2, { className: "h-8 w-8 animate-spin text-ods-accent" }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "mb-2 h-8 w-8 text-ods-text-secondary" }),
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-secondary text-h6", children: onOgImageUpload ? "Click to upload OG image" : "No image" })
@@ -21413,7 +23107,7 @@ function SocialLinksManager({
   className = ""
 }) {
   const addLink = () => {
-    const firstPlatform = _optionalChain([platforms, 'access', _474 => _474[0], 'optionalAccess', _475 => _475.name]) || "website";
+    const firstPlatform = _optionalChain([platforms, 'access', _477 => _477[0], 'optionalAccess', _478 => _478.name]) || "website";
     onChange([...links, { platform: firstPlatform, url: "" }]);
   };
   const removeLink = (index) => {
@@ -21425,7 +23119,7 @@ function SocialLinksManager({
     onChange(updated);
   };
   const getIcon = (link, platform) => {
-    const iconKey = _optionalChain([platform, 'optionalAccess', _476 => _476.icon_name]) || link.platform;
+    const iconKey = _optionalChain([platform, 'optionalAccess', _479 => _479.icon_name]) || link.platform;
     const IconComponent = iconMap[iconKey];
     return IconComponent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { className: "h-5 w-5 text-ods-text-secondary" }) : null;
   };
@@ -21447,7 +23141,7 @@ function SocialLinksManager({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkIKDC3R7Vcjs.Input,
                 {
-                  placeholder: _optionalChain([platform, 'optionalAccess', _477 => _477.placeholder]) || "Profile URL",
+                  placeholder: _optionalChain([platform, 'optionalAccess', _480 => _480.placeholder]) || "Profile URL",
                   value: link.url,
                   onChange: (e) => updateLink(index, "url", e.target.value),
                   onKeyDown: (e) => {
@@ -21843,8 +23537,8 @@ function VideoBitesDisplay({
 
 var isAtEnd = (duration, time) => duration > 0 && duration - time < 1;
 function theaterSeedFromLive(live, fallbackTime, fallbackMuted) {
-  const time = _nullishCoalesce(_optionalChain([live, 'optionalAccess', _478 => _478.getCurrentTime, 'call', _479 => _479()]), () => ( 0));
-  const atEnd = isAtEnd(_nullishCoalesce(_optionalChain([live, 'optionalAccess', _480 => _480.getDuration, 'call', _481 => _481()]), () => ( 0)), time);
+  const time = _nullishCoalesce(_optionalChain([live, 'optionalAccess', _481 => _481.getCurrentTime, 'call', _482 => _482()]), () => ( 0));
+  const atEnd = isAtEnd(_nullishCoalesce(_optionalChain([live, 'optionalAccess', _483 => _483.getDuration, 'call', _484 => _484()]), () => ( 0)), time);
   return {
     // At end -> start over, never rewind to an unrelated older anchor.
     time: atEnd ? 0 : time > 0.5 ? time : fallbackTime,
@@ -21876,11 +23570,11 @@ function WalkthroughVideo({
   const inline = placement === "inline";
   const dismissEnabled = dismissal !== false;
   const storageKey = dismissEnabled && dismissal.storageKey || WALKTHROUGH_VIDEO_DISMISS_KEY;
-  const dismissalId = _optionalChain([video, 'optionalAccess', _482 => _482.id]) != null ? String(video.id) : "dismissed";
+  const dismissalId = _optionalChain([video, 'optionalAccess', _485 => _485.id]) != null ? String(video.id) : "dismissed";
   const [mounted, setMounted] = _react.useState.call(void 0, false);
   const [dismissed, setDismissed] = _react.useState.call(void 0, false);
   const hasVideo = video != null;
-  const videoId = _optionalChain([video, 'optionalAccess', _483 => _483.id]);
+  const videoId = _optionalChain([video, 'optionalAccess', _486 => _486.id]);
   _react.useEffect.call(void 0, () => {
     let idleHandle = null;
     if (!hasVideo) return void 0;
@@ -21907,9 +23601,9 @@ function WalkthroughVideo({
   const previewSuppressed = _react.useMemo.call(void 0, () => {
     if (!hydrated) return false;
     try {
-      const reducedMotion = _nullishCoalesce(_optionalChain([window, 'access', _484 => _484.matchMedia, 'optionalCall', _485 => _485("(prefers-reduced-motion: reduce)"), 'access', _486 => _486.matches]), () => ( false));
+      const reducedMotion = _nullishCoalesce(_optionalChain([window, 'access', _487 => _487.matchMedia, 'optionalCall', _488 => _488("(prefers-reduced-motion: reduce)"), 'access', _489 => _489.matches]), () => ( false));
       const conn = navigator.connection;
-      const saveData = _optionalChain([conn, 'optionalAccess', _487 => _487.saveData]) === true || _optionalChain([conn, 'optionalAccess', _488 => _488.effectiveType]) === "2g" || _optionalChain([conn, 'optionalAccess', _489 => _489.effectiveType]) === "slow-2g";
+      const saveData = _optionalChain([conn, 'optionalAccess', _490 => _490.saveData]) === true || _optionalChain([conn, 'optionalAccess', _491 => _491.effectiveType]) === "2g" || _optionalChain([conn, 'optionalAccess', _492 => _492.effectiveType]) === "slow-2g";
       return Boolean(reducedMotion || saveData);
     } catch (e27) {
       return false;
@@ -21942,18 +23636,18 @@ function WalkthroughVideo({
   const [cardMuted, setCardMuted] = _react.useState.call(void 0, false);
   const [cardPaused, setCardPaused] = _react.useState.call(void 0, false);
   const [userMuted, setUserMuted] = _react.useState.call(void 0, false);
-  const isYouTube = Boolean(_optionalChain([video, 'optionalAccess', _490 => _490.youtubeUrl]));
+  const isYouTube = Boolean(_optionalChain([video, 'optionalAccess', _493 => _493.youtubeUrl]));
   const resumeMode = !open && handoff !== null && !isYouTube;
   const previewAllowed = !previewSuppressed && !isYouTube;
   const footerFadeKey = `${mounted ? 1 : 0}|${inline ? 1 : 0}|${hideNearSelector}|${pathname}`;
-  const footerHidden = _optionalChain([footerObservation, 'optionalAccess', _491 => _491.key]) === footerFadeKey && footerObservation.hidden;
+  const footerHidden = _optionalChain([footerObservation, 'optionalAccess', _494 => _494.key]) === footerFadeKey && footerObservation.hidden;
   _react.useEffect.call(void 0, () => {
     if (!mounted) return void 0;
     if (inline) return void 0;
     const el = typeof document !== "undefined" ? document.querySelector(hideNearSelector) : null;
     if (!el || typeof IntersectionObserver === "undefined") return void 0;
     const io = new IntersectionObserver(
-      (entries) => setFooterObservation({ key: footerFadeKey, hidden: _nullishCoalesce(_optionalChain([entries, 'access', _492 => _492[0], 'optionalAccess', _493 => _493.isIntersecting]), () => ( false)) }),
+      (entries) => setFooterObservation({ key: footerFadeKey, hidden: _nullishCoalesce(_optionalChain([entries, 'access', _495 => _495[0], 'optionalAccess', _496 => _496.isIntersecting]), () => ( false)) }),
       { rootMargin: "0px 0px -40px 0px" }
     );
     io.observe(el);
@@ -21979,7 +23673,7 @@ function WalkthroughVideo({
     if (!footerHidden) return;
     const h = _nullishCoalesce(resumeHandleRef.current, () => ( previewHandleRef.current));
     try {
-      _optionalChain([h, 'optionalAccess', _494 => _494.pause, 'call', _495 => _495()]);
+      _optionalChain([h, 'optionalAccess', _497 => _497.pause, 'call', _498 => _498()]);
     } catch (e29) {
     }
   }, [footerHidden, resumeMode, hovered]);
@@ -21998,30 +23692,30 @@ function WalkthroughVideo({
         }, 400);
       }
       if (openProp === void 0) setOpenState(next);
-      _optionalChain([onOpenChange, 'optionalCall', _496 => _496(next)]);
+      _optionalChain([onOpenChange, 'optionalCall', _499 => _499(next)]);
     },
     [openProp, onOpenChange]
   );
   const pausePreviewNow = _react.useCallback.call(void 0, () => {
     const h = _nullishCoalesce(resumeHandleRef.current, () => ( previewHandleRef.current));
     try {
-      _optionalChain([h, 'optionalAccess', _497 => _497.pause, 'call', _498 => _498()]);
+      _optionalChain([h, 'optionalAccess', _500 => _500.pause, 'call', _501 => _501()]);
     } catch (e30) {
     }
     setCardPaused(true);
   }, [setCardPaused]);
   const openTheater = _react.useCallback.call(void 0, () => {
     const handleBeforePause = _nullishCoalesce(resumeHandleRef.current, () => ( previewHandleRef.current));
-    const liveWasPlaying = _optionalChain([handleBeforePause, 'optionalAccess', _499 => _499.getPaused, 'call', _500 => _500()]) === false;
+    const liveWasPlaying = _optionalChain([handleBeforePause, 'optionalAccess', _502 => _502.getPaused, 'call', _503 => _503()]) === false;
     pausePreviewNow();
     const liveHandle = _nullishCoalesce(resumeHandleRef.current, () => ( (cardModeRef.current === "preview" ? previewHandleRef.current : null)));
-    const liveTime = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _501 => _501.getCurrentTime, 'call', _502 => _502()]), () => ( 0));
-    const liveDuration = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _503 => _503.getDuration, 'call', _504 => _504()]), () => ( 0));
+    const liveTime = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _504 => _504.getCurrentTime, 'call', _505 => _505()]), () => ( 0));
+    const liveDuration = _nullishCoalesce(_optionalChain([liveHandle, 'optionalAccess', _506 => _506.getDuration, 'call', _507 => _507()]), () => ( 0));
     const liveAtEnd = isAtEnd(liveDuration, liveTime);
     const start = {
       // At end -> start over. Falling back to `handoff.time` here would rewind
       // to an unrelated older anchor (e.g. 3:20) instead of restarting.
-      time: liveAtEnd ? 0 : liveTime > 0.5 ? liveTime : _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _505 => _505.time]), () => ( 0)),
+      time: liveAtEnd ? 0 : liveTime > 0.5 ? liveTime : _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _508 => _508.time]), () => ( 0)),
       // Live element wins over remembered intent (the theater's own chrome may
       // have changed it) — EXCEPT when the element is muted only because
       // autoplay policy forced it, which is not intent.
@@ -22049,7 +23743,7 @@ function WalkthroughVideo({
     const selfDriven = selfDrivenFor === open;
     if (openProp !== void 0 && !selfDriven) {
       if (open) {
-        setTheaterStart(theaterSeedFromLive(resumeHandleRef.current, _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _506 => _506.time]), () => ( 0)), userMuted));
+        setTheaterStart(theaterSeedFromLive(resumeHandleRef.current, _nullishCoalesce(_optionalChain([handoff, 'optionalAccess', _509 => _509.time]), () => ( 0)), userMuted));
         setHovered(false);
         setSuspended(false);
         setHandoff(null);
@@ -22135,8 +23829,8 @@ function WalkthroughVideo({
   });
   _react.useEffect.call(void 0, () => {
     if (resumeMode) {
-      setCardMuted(_nullishCoalesce(_optionalChain([handoffRef, 'access', _507 => _507.current, 'optionalAccess', _508 => _508.muted]), () => ( false)));
-      setCardPaused(_optionalChain([handoffRef, 'access', _509 => _509.current, 'optionalAccess', _510 => _510.playing]) === false);
+      setCardMuted(_nullishCoalesce(_optionalChain([handoffRef, 'access', _510 => _510.current, 'optionalAccess', _511 => _511.muted]), () => ( false)));
+      setCardPaused(_optionalChain([handoffRef, 'access', _512 => _512.current, 'optionalAccess', _513 => _513.playing]) === false);
     }
   }, [resumeMode]);
   const [hoverSeeded, setHoverSeeded] = _react.useState.call(void 0, hovered);
@@ -22218,11 +23912,11 @@ function WalkthroughVideo({
     },
     [cardFallback.blocked, cardPaused, activeHandle, setCardPaused]
   );
-  const summaryTitle = _optionalChain([video, 'optionalAccess', _511 => _511.title]) || void 0;
-  const presenterAvatarSrc = _nullishCoalesce(_optionalChain([video, 'optionalAccess', _512 => _512.presenterAvatarUrl]), () => ( null));
+  const summaryTitle = _optionalChain([video, 'optionalAccess', _514 => _514.title]) || void 0;
+  const presenterAvatarSrc = _nullishCoalesce(_optionalChain([video, 'optionalAccess', _515 => _515.presenterAvatarUrl]), () => ( null));
   const embedUrlKey = _react.useMemo.call(void 0, 
-    () => `${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _513 => _513.mainVideoUrl]), () => ( ""))}|${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _514 => _514.youtubeUrl]), () => ( ""))}`,
-    [_optionalChain([video, 'optionalAccess', _515 => _515.mainVideoUrl]), _optionalChain([video, 'optionalAccess', _516 => _516.youtubeUrl])]
+    () => `${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _516 => _516.mainVideoUrl]), () => ( ""))}|${_nullishCoalesce(_optionalChain([video, 'optionalAccess', _517 => _517.youtubeUrl]), () => ( ""))}`,
+    [_optionalChain([video, 'optionalAccess', _518 => _518.mainVideoUrl]), _optionalChain([video, 'optionalAccess', _519 => _519.youtubeUrl])]
   );
   const cardActive = !open && previewAllowed && hovered && !resumeMode;
   const cardMode = resumeMode ? "resume" : cardActive ? "preview" : "poster";
@@ -22281,7 +23975,7 @@ function WalkthroughVideo({
         const el = e.target;
         let keyboard = false;
         try {
-          keyboard = _nullishCoalesce(_optionalChain([el, 'access', _517 => _517.matches, 'optionalCall', _518 => _518(":focus-visible")]), () => ( false));
+          keyboard = _nullishCoalesce(_optionalChain([el, 'access', _520 => _520.matches, 'optionalCall', _521 => _521(":focus-visible")]), () => ( false));
         } catch (e35) {
           keyboard = false;
         }
@@ -22315,9 +24009,9 @@ function WalkthroughVideo({
             previewHandleRef: cardMode === "resume" ? resumeHandleRef : previewHandleRef,
             mutedIntent: userMuted,
             continuation: cardMode === "resume",
-            autoPlay: cardMode === "resume" && _optionalChain([handoff, 'optionalAccess', _519 => _519.playing]) !== false && !footerHidden,
-            startTime: _optionalChain([resumeHandoff, 'optionalAccess', _520 => _520.time]),
-            startMuted: _nullishCoalesce(_optionalChain([resumeHandoff, 'optionalAccess', _521 => _521.muted]), () => ( false)),
+            autoPlay: cardMode === "resume" && _optionalChain([handoff, 'optionalAccess', _522 => _522.playing]) !== false && !footerHidden,
+            startTime: _optionalChain([resumeHandoff, 'optionalAccess', _523 => _523.time]),
+            startMuted: _nullishCoalesce(_optionalChain([resumeHandoff, 'optionalAccess', _524 => _524.muted]), () => ( false)),
             onEnded: cardMode === "resume" ? () => setHandoff(null) : () => setCardPaused(true)
           },
           `card-${embedUrlKey}`
@@ -22414,7 +24108,7 @@ function WalkthroughVideo({
         {
           onOpenAutoFocus: (e) => {
             e.preventDefault();
-            _optionalChain([closeButtonRef, 'access', _522 => _522.current, 'optionalAccess', _523 => _523.focus, 'call', _524 => _524()]);
+            _optionalChain([closeButtonRef, 'access', _525 => _525.current, 'optionalAccess', _526 => _526.focus, 'call', _527 => _527()]);
           },
           className: _chunkPRPZBXWZcjs.cn.call(void 0, 
             // PURE theater: just the video, centered on a dimmed backdrop.
@@ -22508,14 +24202,14 @@ function useWalkthroughVideo(opts) {
       if (res.status === 404) return null;
       if (!res.ok) throw new Error(`Walkthrough video request failed (${res.status})`);
       const body = await res.json();
-      return _nullishCoalesce(_optionalChain([body, 'optionalAccess', _525 => _525.walkthroughVideo]), () => ( null));
+      return _nullishCoalesce(_optionalChain([body, 'optionalAccess', _528 => _528.walkthroughVideo]), () => ( null));
     },
     // Per-observer transform — NEVER mutate the cached data. `select` also runs
     // over `initialData`, so the SSR seed is rewritten too. Keeping the proxy
     // rewrite here (not in queryFn) means a second consumer of the same
     // endpoint can't inherit this observer's proxied captionsUrl from the cache.
     select: (video) => {
-      if (!_optionalChain([video, 'optionalAccess', _526 => _526.captionsUrl])) return video;
+      if (!_optionalChain([video, 'optionalAccess', _529 => _529.captionsUrl])) return video;
       if (transformCaptionsUrl && video.captionsUrl.startsWith("/")) {
         return { ...video, captionsUrl: transformCaptionsUrl(video.captionsUrl) };
       }
@@ -22562,7 +24256,7 @@ function VideoSourceSelector({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _527 => _527.files, 'optionalAccess', _528 => _528[0]]);
+      const file = _optionalChain([target, 'access', _530 => _530.files, 'optionalAccess', _531 => _531[0]]);
       if (!file) return;
       setIsUploading(true);
       setUploadProgress(0);
@@ -22738,7 +24432,7 @@ function SubtitlesEditor({
           {
             id,
             value: subtitles || "",
-            onChange: (e) => _optionalChain([onSubtitlesChange, 'optionalCall', _529 => _529(e.target.value)]),
+            onChange: (e) => _optionalChain([onSubtitlesChange, 'optionalCall', _532 => _532(e.target.value)]),
             placeholder,
             disabled: disabled || !onSubtitlesChange,
             className: "h-full w-full resize-none border-0 bg-transparent p-4 text-ods-text-primary text-code placeholder:text-ods-text-secondary/50 focus:outline-none focus:ring-0",
@@ -22967,7 +24661,7 @@ var AIEnrichSection = ({
 }) => {
   const hasResults = status === "success" || status === "error";
   const shouldDisable = disabled || !canEnrich;
-  const unfilledFields = _optionalChain([requiredFields, 'optionalAccess', _530 => _530.filter, 'call', _531 => _531((f) => !f.isFilled)]) || [];
+  const unfilledFields = _optionalChain([requiredFields, 'optionalAccess', _533 => _533.filter, 'call', _534 => _534((f) => !f.isFilled)]) || [];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -22999,7 +24693,7 @@ var AIEnrichSection = ({
             {
               id: "ai-enrich-custom-instructions",
               value: _nullishCoalesce(customInstructions, () => ( "")),
-              onChange: (e) => _optionalChain([onCustomInstructionsChange, 'optionalCall', _532 => _532(e.target.value)]),
+              onChange: (e) => _optionalChain([onCustomInstructionsChange, 'optionalCall', _535 => _535(e.target.value)]),
               placeholder: customInstructionsPlaceholder,
               disabled: loading,
               maxLength: customInstructionsMaxLength,
@@ -23121,7 +24815,7 @@ function HighlightVideoSection({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _533 => _533.files, 'optionalAccess', _534 => _534[0]]);
+      const file = _optionalChain([target, 'access', _536 => _536.files, 'optionalAccess', _537 => _537[0]]);
       if (!file) return;
       setUploadError(null);
       try {
@@ -23548,7 +25242,7 @@ function HighlightVideoPreview({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _535 => _535.files, 'optionalAccess', _536 => _536[0]]);
+      const file = _optionalChain([target, 'access', _538 => _538.files, 'optionalAccess', _539 => _539[0]]);
       if (!file) return;
       await onUpload(file);
     };
@@ -23732,7 +25426,7 @@ function HighlightVideoCombinedSection({
     input.accept = "video/*";
     input.onchange = async (e) => {
       const target = e.target;
-      const file = _optionalChain([target, 'access', _537 => _537.files, 'optionalAccess', _538 => _538[0]]);
+      const file = _optionalChain([target, 'access', _540 => _540.files, 'optionalAccess', _541 => _541[0]]);
       if (!file) return;
       await onUpload(file);
     };
@@ -24431,19 +26125,19 @@ function NotificationsProvider({
   }, []);
   const markRead = _react.useCallback.call(void 0, (id) => {
     dispatch({ type: "markRead", id });
-    void _optionalChain([actionsRef, 'access', _539 => _539.current, 'optionalAccess', _540 => _540.onMarkRead, 'optionalCall', _541 => _541(id)]);
+    void _optionalChain([actionsRef, 'access', _542 => _542.current, 'optionalAccess', _543 => _543.onMarkRead, 'optionalCall', _544 => _544(id)]);
   }, []);
   const markAllRead = _react.useCallback.call(void 0, () => {
     dispatch({ type: "markAllRead" });
-    void _optionalChain([actionsRef, 'access', _542 => _542.current, 'optionalAccess', _543 => _543.onMarkAllRead, 'optionalCall', _544 => _544()]);
+    void _optionalChain([actionsRef, 'access', _545 => _545.current, 'optionalAccess', _546 => _546.onMarkAllRead, 'optionalCall', _547 => _547()]);
   }, []);
   const markSettled = _react.useCallback.call(void 0, (id) => {
     dispatch({ type: "markSettled", id });
-    void _optionalChain([actionsRef, 'access', _545 => _545.current, 'optionalAccess', _546 => _546.onMarkSettled, 'optionalCall', _547 => _547(id)]);
+    void _optionalChain([actionsRef, 'access', _548 => _548.current, 'optionalAccess', _549 => _549.onMarkSettled, 'optionalCall', _550 => _550(id)]);
   }, []);
   const remove = _react.useCallback.call(void 0, (id) => {
     dispatch({ type: "remove", id });
-    void _optionalChain([actionsRef, 'access', _548 => _548.current, 'optionalAccess', _549 => _549.onRemove, 'optionalCall', _550 => _550(id)]);
+    void _optionalChain([actionsRef, 'access', _551 => _551.current, 'optionalAccess', _552 => _552.onRemove, 'optionalCall', _553 => _553(id)]);
   }, []);
   const clear = _react.useCallback.call(void 0, () => dispatch({ type: "clear" }), []);
   const open = _react.useCallback.call(void 0, () => setIsOpen(true), []);
@@ -24452,14 +26146,14 @@ function NotificationsProvider({
   const setShowPopups = _react.useCallback.call(void 0, 
     (value2) => {
       setShowPopupsState(value2);
-      _optionalChain([onShowPopupsChange, 'optionalCall', _551 => _551(value2)]);
+      _optionalChain([onShowPopupsChange, 'optionalCall', _554 => _554(value2)]);
     },
     [onShowPopupsChange]
   );
   const setShowDesktopPopups = _react.useCallback.call(void 0, 
     (value2) => {
       setShowDesktopPopupsState(value2);
-      _optionalChain([onShowDesktopPopupsChange, 'optionalCall', _552 => _552(value2)]);
+      _optionalChain([onShowDesktopPopupsChange, 'optionalCall', _555 => _555(value2)]);
     },
     [onShowDesktopPopupsChange]
   );
@@ -24575,7 +26269,7 @@ var AppLayoutDrawerRoot = ({
   const handleOpenChange = _react.useCallback.call(void 0, 
     (next) => {
       if (!isControlled) setInternalOpen(next);
-      _optionalChain([onOpenChange, 'optionalCall', _553 => _553(next)]);
+      _optionalChain([onOpenChange, 'optionalCall', _556 => _556(next)]);
     },
     [isControlled, onOpenChange]
   );
@@ -24592,9 +26286,9 @@ var AppLayoutDrawerRoot = ({
     }
   }));
   _react.useEffect.call(void 0, () => {
-    if (open) _optionalChain([coordination, 'optionalAccess', _554 => _554.notifyDrawerDidOpen, 'call', _555 => _555(selfHandle)]);
+    if (open) _optionalChain([coordination, 'optionalAccess', _557 => _557.notifyDrawerDidOpen, 'call', _558 => _558(selfHandle)]);
   }, [open, coordination, selfHandle]);
-  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _556 => _556.registerDrawer, 'call', _557 => _557(selfHandle)]), [coordination, selfHandle]);
+  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _559 => _559.registerDrawer, 'call', _560 => _560(selfHandle)]), [coordination, selfHandle]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DrawerOpenContext.Provider, { value: open, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DialogPrimitive3.Root, { ...rest, open, onOpenChange: handleOpenChange, modal, children }) });
 };
 AppLayoutDrawerRoot.displayName = "AppLayoutDrawer";
@@ -24947,10 +26641,10 @@ var AppLayoutDrawerContent = _react.forwardRef.call(void 0,
           ),
           style,
           onInteractOutside: (event) => {
-            _optionalChain([onInteractOutside, 'optionalCall', _558 => _558(event)]);
+            _optionalChain([onInteractOutside, 'optionalCall', _561 => _561(event)]);
             if (event.defaultPrevented) return;
             const target = event.target;
-            const isInsideContainer = !!target && !!_optionalChain([portalContainer, 'optionalAccess', _559 => _559.contains, 'call', _560 => _560(target)]);
+            const isInsideContainer = !!target && !!_optionalChain([portalContainer, 'optionalAccess', _562 => _562.contains, 'call', _563 => _563(target)]);
             if (!isInsideContainer) {
               event.preventDefault();
               return;
@@ -25053,7 +26747,7 @@ function NotificationTile({
     if (!counting) return void 0;
     const remaining = Math.max(0, liveDurationMs - initialElapsed);
     const timer = window.setTimeout(() => {
-      _optionalChain([onSettle, 'optionalCall', _561 => _561(id)]);
+      _optionalChain([onSettle, 'optionalCall', _564 => _564(id)]);
     }, remaining);
     return () => window.clearTimeout(timer);
   }, [id, counting, initialElapsed, liveDurationMs, onSettle]);
@@ -25093,7 +26787,7 @@ function NotificationTile({
                     active: isLive,
                     label: "Dismiss notification",
                     icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGSQM4PDRcjs.XmarkIcon, { size: 16 }),
-                    onClick: () => _optionalChain([onSettle, 'optionalCall', _562 => _562(id)])
+                    onClick: () => _optionalChain([onSettle, 'optionalCall', _565 => _565(id)])
                   },
                   {
                     active: !isLive,
@@ -25281,7 +26975,7 @@ function DrawerScrollList({
     if (!sentinel || !root) return void 0;
     const observer = new IntersectionObserver(
       (entries) => {
-        if (_optionalChain([entries, 'access', _563 => _563[0], 'optionalAccess', _564 => _564.isIntersecting])) _optionalChain([loadMoreRef, 'access', _565 => _565.current, 'optionalCall', _566 => _566()]);
+        if (_optionalChain([entries, 'access', _566 => _566[0], 'optionalAccess', _567 => _567.isIntersecting])) _optionalChain([loadMoreRef, 'access', _568 => _568.current, 'optionalCall', _569 => _569()]);
       },
       { root, rootMargin: loadMoreRootMargin }
     );
@@ -25296,7 +26990,7 @@ function DrawerScrollList({
       className: "flex flex-1 flex-col gap-[var(--spacing-system-xs)] overflow-y-auto px-[var(--spacing-system-m)]",
       children: isEmpty && !isLoadingMore ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, EmptyState, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
         unreadNotifications.map((n) => {
-          const custom = _optionalChain([renderTile, 'optionalCall', _567 => _567(n, { onComplete, onSettle, liveDurationMs })]);
+          const custom = _optionalChain([renderTile, 'optionalCall', _570 => _570(n, { onComplete, onSettle, liveDurationMs })]);
           if (custom) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: custom }, n.id);
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             NotificationTile,
@@ -25416,7 +27110,7 @@ function NotificationPopups({
 }) {
   const ctx = useOptionalNotifications();
   const [now, setNow] = _react.useState.call(void 0, () => Date.now());
-  const hasAgeingNotifications = Boolean(_optionalChain([ctx, 'optionalAccess', _568 => _568.notifications, 'access', _569 => _569.some, 'call', _570 => _570((n) => !n.read && !n.settled)]));
+  const hasAgeingNotifications = Boolean(_optionalChain([ctx, 'optionalAccess', _571 => _571.notifications, 'access', _572 => _572.some, 'call', _573 => _573((n) => !n.read && !n.settled)]));
   _react.useEffect.call(void 0, () => {
     if (!hasAgeingNotifications) return void 0;
     const id = setInterval(() => setNow(Date.now()), 500);
@@ -25459,7 +27153,7 @@ function NotificationPopups({
         className
       ),
       children: live.map((n) => {
-        const custom = _optionalChain([renderTile, 'optionalCall', _571 => _571(n, { onComplete: markRead, onSettle: markSettled, liveDurationMs })]);
+        const custom = _optionalChain([renderTile, 'optionalCall', _574 => _574(n, { onComplete: markRead, onSettle: markSettled, liveDurationMs })]);
         if (custom) {
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pointer-events-auto", children: custom }, n.id);
         }
@@ -25498,21 +27192,21 @@ function NotificationPopups({
 // src/components/features/notifications/types.ts
 var ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE = "ADMIN_APPROVAL_REQUEST";
 function isApprovalNotification(notification) {
-  return _optionalChain([notification, 'access', _572 => _572.meta, 'optionalAccess', _573 => _573.contextType]) === ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE;
+  return _optionalChain([notification, 'access', _575 => _575.meta, 'optionalAccess', _576 => _576.contextType]) === ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE;
 }
 function getApprovalMeta(notification) {
   if (!isApprovalNotification(notification)) return null;
   const meta = notification.meta;
-  const approvalRequestId = _optionalChain([meta, 'optionalAccess', _574 => _574.approvalRequestId]);
-  const toolCalls = _optionalChain([meta, 'optionalAccess', _575 => _575.toolCalls]);
+  const approvalRequestId = _optionalChain([meta, 'optionalAccess', _577 => _577.approvalRequestId]);
+  const toolCalls = _optionalChain([meta, 'optionalAccess', _578 => _578.toolCalls]);
   if (typeof approvalRequestId !== "string" || !Array.isArray(toolCalls)) return null;
   return {
     approvalRequestId,
-    dialogId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _576 => _576.dialogId]), () => ( null)),
-    ticketId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _577 => _577.ticketId]), () => ( null)),
-    approvalType: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _578 => _578.approvalType]), () => ( null)),
-    resolution: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _579 => _579.resolution]), () => ( null)),
-    resolvedByName: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _580 => _580.resolvedByName]), () => ( null)),
+    dialogId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _579 => _579.dialogId]), () => ( null)),
+    ticketId: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _580 => _580.ticketId]), () => ( null)),
+    approvalType: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _581 => _581.approvalType]), () => ( null)),
+    resolution: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _582 => _582.resolution]), () => ( null)),
+    resolvedByName: _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _583 => _583.resolvedByName]), () => ( null)),
     toolCalls
   };
 }
@@ -25562,7 +27256,7 @@ function ApprovalRequestNotificationTile({
   const [processing, setProcessing] = _react.useState.call(void 0, false);
   const [localStatus, setLocalStatus] = _react.useState.call(void 0, null);
   const approval = getApprovalMeta(notification);
-  const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _581 => _581.resolution]));
+  const resolvedStatus = resolutionToStatus(_optionalChain([approval, 'optionalAccess', _584 => _584.resolution]));
   const status = resolvedStatus !== "pending" ? resolvedStatus : _nullishCoalesce(localStatus, () => ( "pending"));
   const batchData = _react.useMemo.call(void 0, () => approval ? approvalMetaToBatchData(approval) : null, [approval]);
   const { innerRef, containerStyle } = _chunkLOJ5KQ6Bcjs.useCollapsible.call(void 0, { expanded });
@@ -25884,7 +27578,7 @@ function TimeTrackerPanel({
                 error: showFieldError ? "Required if no notes added" : void 0,
                 disableClientFilter: !!onTicketSearch,
                 onInputChange: (value, reason) => {
-                  if (reason === "input") _optionalChain([onTicketSearch, 'optionalCall', _582 => _582(value)]);
+                  if (reason === "input") _optionalChain([onTicketSearch, 'optionalCall', _585 => _585(value)]);
                 }
               }
             ),
@@ -25899,7 +27593,7 @@ function TimeTrackerPanel({
                 disabled: customerLocked,
                 disableClientFilter: !!onCustomerSearch,
                 onInputChange: (value, reason) => {
-                  if (reason === "input") _optionalChain([onCustomerSearch, 'optionalCall', _583 => _583(value)]);
+                  if (reason === "input") _optionalChain([onCustomerSearch, 'optionalCall', _586 => _586(value)]);
                 },
                 startAdornment: customerStartAdornment,
                 renderOption: renderCustomerOption
@@ -26001,7 +27695,7 @@ function LastEntryRow({ entry, onClick }) {
       {
         variant: "outline",
         size: "icon",
-        onClick: () => _optionalChain([onClick, 'optionalCall', _584 => _584(entry)]),
+        onClick: () => _optionalChain([onClick, 'optionalCall', _587 => _587(entry)]),
         disabled: !onClick,
         "aria-label": `Open entry: ${entry.title}`,
         className: "h-12 w-12 shrink-0 [&_svg]:!size-6",
@@ -26085,28 +27779,28 @@ function HeaderButton({
 function TimeTrackerHeaderButton({ className, disabled }) {
   const ctx = useOptionalTimeTracker();
   const elapsedLabel = useTrackerClock({
-    status: _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _585 => _585.status]), () => ( "ready")),
-    runningSince: _optionalChain([ctx, 'optionalAccess', _586 => _586.runningSince]),
-    accumulatedMs: _optionalChain([ctx, 'optionalAccess', _587 => _587.accumulatedMs])
+    status: _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _588 => _588.status]), () => ( "ready")),
+    runningSince: _optionalChain([ctx, 'optionalAccess', _589 => _589.runningSince]),
+    accumulatedMs: _optionalChain([ctx, 'optionalAccess', _590 => _590.accumulatedMs])
   });
   const layoutContainer = useAppLayoutDrawerContainer();
   const coordination = useAppLayoutDrawerCoordination();
-  const isOpen = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _588 => _588.isOpen]), () => ( false));
+  const isOpen = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _591 => _591.isOpen]), () => ( false));
   const isOpenRef = _react.useRef.call(void 0, isOpen);
-  const closeRef = _react.useRef.call(void 0, _optionalChain([ctx, 'optionalAccess', _589 => _589.close]));
+  const closeRef = _react.useRef.call(void 0, _optionalChain([ctx, 'optionalAccess', _592 => _592.close]));
   _react.useEffect.call(void 0, () => {
     isOpenRef.current = isOpen;
-    closeRef.current = _optionalChain([ctx, 'optionalAccess', _590 => _590.close]);
+    closeRef.current = _optionalChain([ctx, 'optionalAccess', _593 => _593.close]);
   });
   const [selfHandle] = _react.useState.call(void 0, () => ({
     close: () => {
-      if (isOpenRef.current) _optionalChain([closeRef, 'access', _591 => _591.current, 'optionalCall', _592 => _592()]);
+      if (isOpenRef.current) _optionalChain([closeRef, 'access', _594 => _594.current, 'optionalCall', _595 => _595()]);
     }
   }));
   _react.useEffect.call(void 0, () => {
-    if (isOpen) _optionalChain([coordination, 'optionalAccess', _593 => _593.notifyDrawerDidOpen, 'call', _594 => _594(selfHandle)]);
+    if (isOpen) _optionalChain([coordination, 'optionalAccess', _596 => _596.notifyDrawerDidOpen, 'call', _597 => _597(selfHandle)]);
   }, [isOpen, coordination, selfHandle]);
-  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _595 => _595.registerDrawer, 'call', _596 => _596(selfHandle)]), [coordination, selfHandle]);
+  _react.useEffect.call(void 0, () => _optionalChain([coordination, 'optionalAccess', _598 => _598.registerDrawer, 'call', _599 => _599(selfHandle)]), [coordination, selfHandle]);
   if (!ctx) return null;
   const { open, close, status } = ctx;
   const isPaused = status === "paused";
@@ -26238,7 +27932,7 @@ function autoScrollAncestors(element) {
 
 // src/components/features/board/aim.ts
 var _closestedge = require('@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge');
-var othersIn = (columns, columnId, ticketId) => (_nullishCoalesce(_optionalChain([columns, 'access', _597 => _597.find, 'call', _598 => _598((c) => c.id === columnId), 'optionalAccess', _599 => _599.tickets]), () => ( []))).filter((t) => t.id !== ticketId);
+var othersIn = (columns, columnId, ticketId) => (_nullishCoalesce(_optionalChain([columns, 'access', _600 => _600.find, 'call', _601 => _601((c) => c.id === columnId), 'optionalAccess', _602 => _602.tickets]), () => ( []))).filter((t) => t.id !== ticketId);
 function laneOf(columns, ticketId) {
   return _nullishCoalesce(columns.find((c) => c.tickets.some((t) => t.id === ticketId)), () => ( null));
 }
@@ -26282,11 +27976,11 @@ function aimToChange(columns, ticketId, aim) {
   const lane = laneOf(columns, ticketId);
   if (!lane) return null;
   const others = othersIn(columns, aim.columnId, ticketId);
-  const afterTicketId = _nullishCoalesce(_optionalChain([others, 'access', _600 => _600[aim.index - 1], 'optionalAccess', _601 => _601.id]), () => ( null));
-  const beforeTicketId = _nullishCoalesce(_optionalChain([others, 'access', _602 => _602[aim.index], 'optionalAccess', _603 => _603.id]), () => ( null));
+  const afterTicketId = _nullishCoalesce(_optionalChain([others, 'access', _603 => _603[aim.index - 1], 'optionalAccess', _604 => _604.id]), () => ( null));
+  const beforeTicketId = _nullishCoalesce(_optionalChain([others, 'access', _605 => _605[aim.index], 'optionalAccess', _606 => _606.id]), () => ( null));
   if (lane.id === aim.columnId) {
     const currentIndex = lane.tickets.findIndex((t) => t.id === ticketId);
-    if ((_nullishCoalesce(_optionalChain([lane, 'access', _604 => _604.tickets, 'access', _605 => _605[currentIndex - 1], 'optionalAccess', _606 => _606.id]), () => ( null))) === afterTicketId) return null;
+    if ((_nullishCoalesce(_optionalChain([lane, 'access', _607 => _607.tickets, 'access', _608 => _608[currentIndex - 1], 'optionalAccess', _609 => _609.id]), () => ( null))) === afterTicketId) return null;
   }
   return { ticketId, fromColumnId: lane.id, toColumnId: aim.columnId, afterTicketId, beforeTicketId };
 }
@@ -26557,14 +28251,14 @@ function useIsLanding(ticketId) {
   return _react.useContext.call(void 0, LandingCardContext) === ticketId;
 }
 function hasMoveSettled(columns, move) {
-  const tickets = _optionalChain([columns, 'access', _607 => _607.find, 'call', _608 => _608((c) => c.id === move.toColumnId), 'optionalAccess', _609 => _609.tickets]);
+  const tickets = _optionalChain([columns, 'access', _610 => _610.find, 'call', _611 => _611((c) => c.id === move.toColumnId), 'optionalAccess', _612 => _612.tickets]);
   if (!tickets) return false;
   const index = tickets.findIndex((t) => t.id === move.ticketId);
   if (index < 0) return false;
   if (move.fromColumnId === move.toColumnId) {
-    return (_nullishCoalesce(_optionalChain([tickets, 'access', _610 => _610[index - 1], 'optionalAccess', _611 => _611.id]), () => ( null))) === move.afterTicketId;
+    return (_nullishCoalesce(_optionalChain([tickets, 'access', _613 => _613[index - 1], 'optionalAccess', _614 => _614.id]), () => ( null))) === move.afterTicketId;
   }
-  return !_optionalChain([columns, 'access', _612 => _612.find, 'call', _613 => _613((c) => c.id === move.fromColumnId), 'optionalAccess', _614 => _614.tickets, 'access', _615 => _615.some, 'call', _616 => _616((t) => t.id === move.ticketId)]);
+  return !_optionalChain([columns, 'access', _615 => _615.find, 'call', _616 => _616((c) => c.id === move.fromColumnId), 'optionalAccess', _617 => _617.tickets, 'access', _618 => _618.some, 'call', _619 => _619((t) => t.id === move.ticketId)]);
 }
 
 // src/components/features/board/ticket-card.tsx
@@ -26589,9 +28283,9 @@ var TICKET_CARD_SHELL = "relative flex flex-col gap-[var(--spacing-system-sf)] r
 function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onReject }) {
   const showNewMessage = !!ticket.hasNewMessage && !!columnColor;
   const newMessageTextColor = columnColor ? _chunkLOJ5KQ6Bcjs.getReadableTextColor.call(void 0, columnColor) : void 0;
-  const showDeviceRow = !!(_optionalChain([ticket, 'access', _617 => _617.deviceHostnames, 'optionalAccess', _618 => _618.length]) || ticket.organizationName);
-  const deviceText = [_optionalChain([ticket, 'access', _619 => _619.deviceHostnames, 'optionalAccess', _620 => _620.join, 'call', _621 => _621(", ")]), ticket.organizationName].filter(Boolean).join(", ");
-  const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _622 => _622.assignees, 'optionalAccess', _623 => _623.length]) || renderAssignSlot);
+  const showDeviceRow = !!(_optionalChain([ticket, 'access', _620 => _620.deviceHostnames, 'optionalAccess', _621 => _621.length]) || ticket.organizationName);
+  const deviceText = [_optionalChain([ticket, 'access', _622 => _622.deviceHostnames, 'optionalAccess', _623 => _623.join, 'call', _624 => _624(", ")]), ticket.organizationName].filter(Boolean).join(", ");
+  const hasRightSection = !!(ticket.priority || _optionalChain([ticket, 'access', _625 => _625.assignees, 'optionalAccess', _626 => _626.length]) || renderAssignSlot);
   const rightSection = hasRightSection ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "pointer-events-auto flex shrink-0 items-center gap-[var(--spacing-system-xsf)]", children: [
     ticket.priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       _chunkGSQM4PDRcjs.Flag02Icon,
@@ -26600,7 +28294,7 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
         "aria-label": `Priority: ${ticket.priority}`
       }
     ),
-    renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _624 => _624.assignees, 'optionalAccess', _625 => _625.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
+    renderAssignSlot ? renderAssignSlot(ticket) : _optionalChain([ticket, 'access', _627 => _627.assignees, 'optionalAccess', _628 => _628.length]) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex -space-x-2", children: [
       ticket.assignees.slice(0, MAX_VISIBLE_ASSIGNEES).map(
         (a) => a.deleted ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           DeletedUserAvatar,
@@ -26640,7 +28334,7 @@ function TicketCardBody({ ticket, columnColor, renderAssignSlot, onApprove, onRe
       ] }),
       rightSection
     ] }),
-    _optionalChain([ticket, 'access', _626 => _626.tags, 'optionalAccess', _627 => _627.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
+    _optionalChain([ticket, 'access', _629 => _629.tags, 'optionalAccess', _630 => _630.length]) ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketTagRow, { tags: ticket.tags }) : null,
     timestampLabel && tooltipLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkLOJ5KQ6Bcjs.Tooltip, { children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "pointer-events-auto truncate text-ods-text-secondary text-h6", children: timestampLabel }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkLOJ5KQ6Bcjs.TooltipContent, { children: tooltipLabel })
@@ -26707,7 +28401,7 @@ var TicketCard = _react.memo.call(void 0, function TicketCardImpl({
   const isLanding = useIsLanding(ticket.id);
   const aim = useDropAim();
   const closestEdge = aim && aim.columnId === columnId && aim.ticketId === ticket.id ? aim.edge : null;
-  const isSource = isDragging || _optionalChain([aim, 'optionalAccess', _628 => _628.ticket, 'access', _629 => _629.id]) === ticket.id;
+  const isSource = isDragging || _optionalChain([aim, 'optionalAccess', _631 => _631.ticket, 'access', _632 => _632.id]) === ticket.id;
   const lift = useBoardLift();
   const handleKeyDown = (e) => {
     if (e.key !== " " || dragDisabled || !lift) return;
@@ -26960,7 +28654,7 @@ var BoardColumn = _react.memo.call(void 0, function BoardColumnImpl({
       // large ones like the only thing that did.
       getData: ({ input, element: lane, source }) => {
         const nearest = nearestCardIn(lane, input.clientY, String(source.data.ticketId));
-        const ticketId = _optionalChain([nearest, 'optionalAccess', _630 => _630.dataset, 'access', _631 => _631.ticketId]);
+        const ticketId = _optionalChain([nearest, 'optionalAccess', _633 => _633.dataset, 'access', _634 => _634.ticketId]);
         if (!nearest || !ticketId) return { type: "column", columnId: column.id };
         return _closestedge.attachClosestEdge.call(void 0, 
           { type: "ticket", ticketId, columnId: column.id },
@@ -26972,7 +28666,7 @@ var BoardColumn = _react.memo.call(void 0, function BoardColumnImpl({
       onDrop: () => setIsOver(false)
     });
   }, [column.id, column.dropDisabled, column.allowedFromColumns, collapsed, touchMode]);
-  const handleToggleCollapse = _react.useCallback.call(void 0, () => _optionalChain([onToggleCollapse, 'optionalCall', _632 => _632(column.id)]), [onToggleCollapse, column.id]);
+  const handleToggleCollapse = _react.useCallback.call(void 0, () => _optionalChain([onToggleCollapse, 'optionalCall', _635 => _635(column.id)]), [onToggleCollapse, column.id]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
@@ -27051,7 +28745,7 @@ function ColumnBody({
     const observer = new IntersectionObserver(
       (entries) => {
         if (entries.some((e) => e.isIntersecting)) {
-          _optionalChain([loadMoreRef, 'access', _633 => _633.current, 'optionalCall', _634 => _634(columnIdRef.current)]);
+          _optionalChain([loadMoreRef, 'access', _636 => _636.current, 'optionalCall', _637 => _637(columnIdRef.current)]);
         }
       },
       { root, rootMargin: loadMoreRootMargin }
@@ -27076,7 +28770,7 @@ function ColumnBody({
               ticket: t,
               columnId: column.id,
               columnColor: column.color,
-              href: _optionalChain([getTicketHref, 'optionalCall', _635 => _635(t.id)]),
+              href: _optionalChain([getTicketHref, 'optionalCall', _638 => _638(t.id)]),
               renderAssignSlot,
               onApprove,
               onReject,
@@ -27252,7 +28946,7 @@ function DragBoard({
   const [landing, setLanding] = _react.useState.call(void 0, null);
   const landingTimer = _react.useRef.call(void 0, null);
   const pointRef = _react.useRef.call(void 0, { x: 0, y: 0 });
-  const laneLabel = _react.useCallback.call(void 0, (columnId) => _nullishCoalesce(_optionalChain([view, 'access', _636 => _636.find, 'call', _637 => _637((c) => c.id === columnId), 'optionalAccess', _638 => _638.label]), () => ( columnId)), [view]);
+  const laneLabel = _react.useCallback.call(void 0, (columnId) => _nullishCoalesce(_optionalChain([view, 'access', _639 => _639.find, 'call', _640 => _640((c) => c.id === columnId), 'optionalAccess', _641 => _641.label]), () => ( columnId)), [view]);
   const acceptsLifted = _react.useCallback.call(void 0, 
     (fromColumnId) => (column) => {
       if (column.dropDisabled || collapsed[column.id]) return false;
@@ -27266,7 +28960,7 @@ function DragBoard({
       const start = initialAim(view, ticketId);
       if (!start) return;
       setLifted({ ticketId, aim: start });
-      const title = _nullishCoalesce(_optionalChain([laneOf, 'call', _639 => _639(view, ticketId), 'optionalAccess', _640 => _640.tickets, 'access', _641 => _641.find, 'call', _642 => _642((t) => t.id === ticketId), 'optionalAccess', _643 => _643.title]), () => ( "Ticket"));
+      const title = _nullishCoalesce(_optionalChain([laneOf, 'call', _642 => _642(view, ticketId), 'optionalAccess', _643 => _643.tickets, 'access', _644 => _644.find, 'call', _645 => _645((t) => t.id === ticketId), 'optionalAccess', _646 => _646.title]), () => ( "Ticket"));
       setAnnouncement(`${title} lifted. Use the arrow keys to move it, space to drop it, escape to put it back.`);
     },
     [view]
@@ -27291,11 +28985,11 @@ function DragBoard({
   const walk = _react.useCallback.call(void 0, 
     (key) => {
       if (!lifted) return;
-      const from = _nullishCoalesce(_optionalChain([laneOf, 'call', _644 => _644(view, lifted.ticketId), 'optionalAccess', _645 => _645.id]), () => ( lifted.aim.columnId));
+      const from = _nullishCoalesce(_optionalChain([laneOf, 'call', _647 => _647(view, lifted.ticketId), 'optionalAccess', _648 => _648.id]), () => ( lifted.aim.columnId));
       const next = moveAim(view, lifted.ticketId, lifted.aim, key, acceptsLifted(from));
       if (next === lifted.aim) return;
       setLifted({ ...lifted, aim: next });
-      const total = (_nullishCoalesce(_optionalChain([view, 'access', _646 => _646.find, 'call', _647 => _647((c) => c.id === next.columnId), 'optionalAccess', _648 => _648.tickets]), () => ( []))).filter(
+      const total = (_nullishCoalesce(_optionalChain([view, 'access', _649 => _649.find, 'call', _650 => _650((c) => c.id === next.columnId), 'optionalAccess', _651 => _651.tickets]), () => ( []))).filter(
         (t) => t.id !== lifted.ticketId
       ).length;
       setAnnouncement(`${laneLabel(next.columnId)}, position ${next.index + 1} of ${total + 1}.`);
@@ -27322,11 +29016,11 @@ function DragBoard({
   }, [lifted, drop, walk]);
   _react.useEffect.call(void 0, () => {
     if (!lifted) return;
-    _optionalChain([boardRef, 'access', _649 => _649.current, 'optionalAccess', _650 => _650.querySelector, 'call', _651 => _651(`[${DROP_LINE_ATTRIBUTE}]`), 'optionalAccess', _652 => _652.scrollIntoView, 'call', _653 => _653({ block: "nearest", inline: "nearest" })]);
+    _optionalChain([boardRef, 'access', _652 => _652.current, 'optionalAccess', _653 => _653.querySelector, 'call', _654 => _654(`[${DROP_LINE_ATTRIBUTE}]`), 'optionalAccess', _655 => _655.scrollIntoView, 'call', _656 => _656({ block: "nearest", inline: "nearest" })]);
   }, [lifted]);
   const keyboardAim = _react.useMemo.call(void 0, () => {
     if (!lifted) return null;
-    const ticket = _optionalChain([laneOf, 'call', _654 => _654(view, lifted.ticketId), 'optionalAccess', _655 => _655.tickets, 'access', _656 => _656.find, 'call', _657 => _657((t) => t.id === lifted.ticketId)]);
+    const ticket = _optionalChain([laneOf, 'call', _657 => _657(view, lifted.ticketId), 'optionalAccess', _658 => _658.tickets, 'access', _659 => _659.find, 'call', _660 => _660((t) => t.id === lifted.ticketId)]);
     if (!ticket) return null;
     const anchor = aimToChange(view, lifted.ticketId, lifted.aim) ? aimAnchor(view, lifted.ticketId, lifted.aim) : { ticketId: null, edge: null };
     return { columnId: lifted.aim.columnId, ...anchor, ticket };
@@ -27348,7 +29042,7 @@ function DragBoard({
       return { columnId: slot.columnId, ...anchor, ticket };
     };
     const aimAt = (source, targets) => {
-      const next = readAim(source, _optionalChain([targets, 'access', _658 => _658[0], 'optionalAccess', _659 => _659.data]));
+      const next = readAim(source, _optionalChain([targets, 'access', _661 => _661[0], 'optionalAccess', _662 => _662.data]));
       setAim((prev) => isSameAim(prev, next) ? prev : next);
     };
     return _combine.combine.call(void 0, 
@@ -27377,7 +29071,7 @@ function DragBoard({
           setLanding(null);
           dragGeometry.current = {
             ticket,
-            columnColor: _optionalChain([columnsRef, 'access', _660 => _660.current, 'access', _661 => _661.find, 'call', _662 => _662((c) => c.id === source.data.columnId), 'optionalAccess', _663 => _663.color]),
+            columnColor: _optionalChain([columnsRef, 'access', _663 => _663.current, 'access', _664 => _664.find, 'call', _665 => _665((c) => c.id === source.data.columnId), 'optionalAccess', _666 => _666.color]),
             width: rect.width,
             grabX: clientX - rect.left,
             grabY: clientY - rect.top
@@ -27394,7 +29088,7 @@ function DragBoard({
           setAim(null);
           const change = resolveBoardDrop(columnsRef.current, {
             source: source.data,
-            target: _optionalChain([location, 'access', _664 => _664.current, 'access', _665 => _665.dropTargets, 'access', _666 => _666[0], 'optionalAccess', _667 => _667.data])
+            target: _optionalChain([location, 'access', _667 => _667.current, 'access', _668 => _668.dropTargets, 'access', _669 => _669[0], 'optionalAccess', _670 => _670.data])
           });
           if (!change) return;
           setPendingMove({
@@ -27427,7 +29121,7 @@ function DragBoard({
       return void 0;
     }
     const to = card.getBoundingClientRect();
-    const lane = _optionalChain([nearestScrollableAncestor, 'call', _668 => _668(card), 'optionalAccess', _669 => _669.getBoundingClientRect, 'call', _670 => _670()]);
+    const lane = _optionalChain([nearestScrollableAncestor, 'call', _671 => _671(card), 'optionalAccess', _672 => _672.getBoundingClientRect, 'call', _673 => _673()]);
     if (lane && (to.top < lane.top || to.bottom > lane.bottom)) {
       finish();
       return void 0;
@@ -27486,8 +29180,8 @@ function DragBoard({
           children: view.map((column, i) => {
             const prev = view[i - 1];
             const next = view[i + 1];
-            const joinLeft = !!(column.system && _optionalChain([prev, 'optionalAccess', _671 => _671.system]));
-            const joinRight = !!(column.system && _optionalChain([next, 'optionalAccess', _672 => _672.system]));
+            const joinLeft = !!(column.system && _optionalChain([prev, 'optionalAccess', _674 => _674.system]));
+            const joinRight = !!(column.system && _optionalChain([next, 'optionalAccess', _675 => _675.system]));
             const showGap = i > 0 && !joinLeft;
             return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
               showGap && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": true, className: "w-[var(--spacing-system-mf)] shrink-0" }),
@@ -27667,13 +29361,13 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
   const [flipTick, setFlipTick] = _react.useState.call(void 0, 0);
   const flipTimer = _react.useRef.call(void 0, null);
   const readItems = _react.useCallback.call(void 0, 
-    () => [..._nullishCoalesce(_optionalChain([listRef, 'access', _673 => _673.current, 'optionalAccess', _674 => _674.querySelectorAll, 'call', _675 => _675(`[${SORTABLE_ITEM_ATTRIBUTE}]`)]), () => ( []))],
+    () => [..._nullishCoalesce(_optionalChain([listRef, 'access', _676 => _676.current, 'optionalAccess', _677 => _677.querySelectorAll, 'call', _678 => _678(`[${SORTABLE_ITEM_ATTRIBUTE}]`)]), () => ( []))],
     []
   );
   const reorder = _react.useCallback.call(void 0, 
     (from, to) => {
       if (from === to) return;
-      const label = _nullishCoalesce(_optionalChain([getItemLabelRef, 'access', _676 => _676.current, 'optionalCall', _677 => _677(from)]), () => ( "Item"));
+      const label = _nullishCoalesce(_optionalChain([getItemLabelRef, 'access', _679 => _679.current, 'optionalCall', _680 => _680(from)]), () => ( "Item"));
       setAnnouncement(`${label} moved to position ${to + 1} of ${readItems().length}.`);
       onReorderRef.current(from, to);
     },
@@ -27761,7 +29455,7 @@ function SortableList({ onReorder, getItemLabel, disabled = false, className, ch
       moving.push(item);
     }
     if (moving.length === 0) return;
-    void _optionalChain([listRef, 'access', _678 => _678.current, 'optionalAccess', _679 => _679.offsetHeight]);
+    void _optionalChain([listRef, 'access', _681 => _681.current, 'optionalAccess', _682 => _682.offsetHeight]);
     for (const item of moving) {
       item.style.transition = `transform ${DROP_MS2}ms ${EASING}`;
       item.style.transform = "";
@@ -27798,8 +29492,8 @@ function SortableMoveButtons({ index, count, label, className }) {
     if (to < 0 || to >= count) return;
     reorder(index, to);
     requestAnimationFrame(() => {
-      if (step === -1 && to === 0) _optionalChain([downRef, 'access', _680 => _680.current, 'optionalAccess', _681 => _681.focus, 'call', _682 => _682()]);
-      if (step === 1 && to === count - 1) _optionalChain([upRef, 'access', _683 => _683.current, 'optionalAccess', _684 => _684.focus, 'call', _685 => _685()]);
+      if (step === -1 && to === 0) _optionalChain([downRef, 'access', _683 => _683.current, 'optionalAccess', _684 => _684.focus, 'call', _685 => _685()]);
+      if (step === 1 && to === count - 1) _optionalChain([upRef, 'access', _686 => _686.current, 'optionalAccess', _687 => _687.focus, 'call', _688 => _688()]);
     });
   };
   const subject = _nullishCoalesce(label, () => ( "item"));
@@ -27847,7 +29541,7 @@ function useSortableItem() {
   const [handle, setHandle] = _react.useState.call(void 0, null);
   const [isDragging, setIsDragging] = _react.useState.call(void 0, false);
   const itemRef = _react.useCallback.call(void 0, (node) => {
-    _optionalChain([node, 'optionalAccess', _686 => _686.setAttribute, 'call', _687 => _687(SORTABLE_ITEM_ATTRIBUTE, "")]);
+    _optionalChain([node, 'optionalAccess', _689 => _689.setAttribute, 'call', _690 => _690(SORTABLE_ITEM_ATTRIBUTE, "")]);
     setItem(node);
   }, []);
   _react.useEffect.call(void 0, () => {
@@ -27877,7 +29571,7 @@ function useSortableItem() {
       if (from < 0 || to < 0 || to >= items.length) return;
       event.preventDefault();
       reorder(from, to);
-      requestAnimationFrame(() => _optionalChain([handle, 'optionalAccess', _688 => _688.focus, 'call', _689 => _689()]));
+      requestAnimationFrame(() => _optionalChain([handle, 'optionalAccess', _691 => _691.focus, 'call', _692 => _692()]));
     },
     [inert, readItems, reorder, handle]
   );
@@ -27899,7 +29593,7 @@ function TicketStatusConfigList({
       onReorder,
       getItemLabel,
       className: _chunkPRPZBXWZcjs.cn.call(void 0, "flex w-full flex-col gap-[var(--spacing-system-xs)]", className),
-      children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortableRow, { index, count: items.length, label: _optionalChain([getItemLabel, 'optionalCall', _690 => _690(index)]), children: (args) => renderRow(item, args) }, item.id))
+      children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortableRow, { index, count: items.length, label: _optionalChain([getItemLabel, 'optionalCall', _693 => _693(index)]), children: (args) => renderRow(item, args) }, item.id))
     }
   );
 }
@@ -28488,5 +30182,52 @@ function SortableRow({
 
 
 
-exports.AllowedDomainsInput = AllowedDomainsInput; exports.AnnouncementBarView = AnnouncementBarView; exports.HiddenTagsPopup = HiddenTagsPopup; exports.TruncateText = TruncateText; exports.Autocomplete = Autocomplete; exports.CheckboxBlock = CheckboxBlock; exports.CheckboxWithDescription = CheckboxWithDescription; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.DatePickerCalendar = DatePickerCalendar; exports.DatePicker = DatePicker; exports.DatePickerInput = DatePickerInput; exports.DatePickerInputSimple = DatePickerInputSimple; exports.DateFilterPanel = DateFilterPanel; exports.DateFilterMenu = DateFilterMenu; exports.DurationInput = DurationInput; exports.InfoHint = InfoHint; exports.Field = Field; exports.HoneypotField = HoneypotField; exports.JsonDetailList = JsonDetailList; exports.ProgressBar = ProgressBar; exports.InfoCard = InfoCard; exports.InfoRow = InfoRow; exports.DeletedUserAvatar = DeletedUserAvatar; exports.SearchableSelect = SearchableSelect; exports.AssigneeDropdown = AssigneeDropdown; exports.InfoSection = InfoSection; exports.InputTrigger = InputTrigger; exports.MediaTypeSelector = MediaTypeSelector; exports.noDataIconClasses = noDataIconClasses; exports.noDataActionsVariants = noDataActionsVariants; exports.NoDataAction = NoDataAction; exports.NoDataActions = NoDataActions; exports.NoDataMessage = NoDataMessage; exports.NoData = NoData; exports.PageLoader = PageLoader; exports.CompactPageLoader = CompactPageLoader; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.RadioGroupBlock = RadioGroupBlock; exports.Switch = Switch; exports.TagSelectDropdown = TagSelectDropdown; exports.badgeVariants = badgeVariants; exports.Badge = Badge; exports.TagsInput = TagsInput; exports.TagsManager = TagsManager; exports.Textarea = Textarea; exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AspectRatio = AspectRatio; exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogPortal = DialogPortal; exports.DialogClose = DialogClose; exports.DialogOverlay = DialogOverlay; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription; exports.useConfirm = useConfirm; exports.useGuardedClose = useGuardedClose; exports.UnsavedChangesChip = UnsavedChangesChip; exports.AdminFormModal = AdminFormModal; exports.Separator = Separator2; exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.MenubarMenu = MenubarMenu; exports.MenubarGroup = MenubarGroup; exports.MenubarPortal = MenubarPortal; exports.MenubarSub = MenubarSub; exports.MenubarRadioGroup = MenubarRadioGroup; exports.Menubar = Menubar; exports.MenubarTrigger = MenubarTrigger; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.NavigationMenuViewport = NavigationMenuViewport; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuItem = NavigationMenuItem; exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.CrossfadePanels = CrossfadePanels; exports.TabContent = TabContent; exports.TabNavigation = TabNavigation; exports.getTabById = getTabById; exports.getTabComponent = getTabComponent; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.AIGeneratedBadge = AIGeneratedBadge; exports.FadePreview = FadePreview; exports.Progress = Progress; exports.RichMarkdownRuntimeProvider = RichMarkdownRuntimeProvider; exports.useRichMarkdownRuntime = useRichMarkdownRuntime; exports.FullscreenSwitchController = FullscreenSwitchController; exports.EmbedIframe = EmbedIframe; exports.EmbedViewerFrame = EmbedViewerFrame; exports.ClaudeEmbed = ClaudeEmbed; exports.FigmaEmbed = FigmaEmbed; exports.EMBED_SIZES = EMBED_SIZES; exports.EmbedContainer = EmbedContainer; exports.YouTubeContainer = YouTubeContainer; exports.TwitterContainer = TwitterContainer; exports.RedditContainer = RedditContainer; exports.LinkPreviewContainer = LinkPreviewContainer; exports.LinkedInContainer = LinkedInContainer; exports.LinkedInEmbedClient = LinkedInEmbedClient; exports.MarkdownImage = MarkdownImage; exports.OGLinkErrorBoundary = OGLinkErrorBoundary; exports.OGLinkPreview = OGLinkPreview; exports.MediaCarousel = MediaCarousel; exports.RedditEmbedClient = RedditEmbedClient; exports.TwitterEmbedClient = TwitterEmbedClient; exports.processShortcodes = processShortcodes; exports.RichMarkdownRenderer = RichMarkdownRenderer; exports.ReleaseChangelogSection = ReleaseChangelogSection; exports.StackedRowsPanel = StackedRowsPanel; exports.SlackChannelChip = SlackChannelChip; exports.StatusIndicator = StatusIndicator; exports.BackButton = BackButton; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.FilterCheckboxItem = FilterCheckboxItem; exports.TagKeyValueFilter = TagKeyValueFilter; exports.FilterModal = FilterModal; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.ListPageLayout = ListPageLayout; exports.EntityImage = EntityImage; exports.TITLE_BLOCK_MIN_HEIGHT = TITLE_BLOCK_MIN_HEIGHT; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.toggleVariants = toggleVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.SEO_TITLE_MAX_LENGTH = SEO_TITLE_MAX_LENGTH; exports.SEO_DESCRIPTION_MAX_LENGTH = SEO_DESCRIPTION_MAX_LENGTH; exports.BRAND_MARK_SVGS = BRAND_MARK_SVGS; exports.brandMarkDataUri = brandMarkDataUri; exports.OS_PLATFORMS = OS_PLATFORMS; exports.DEFAULT_OS_PLATFORM = DEFAULT_OS_PLATFORM; exports.isValidEmailDomain = isValidEmailDomain; exports.validateEmailDomain = validateEmailDomain; exports.validateEmailDomainList = validateEmailDomainList; exports.cleanEmailDomain = cleanEmailDomain; exports.getConfidenceColorClass = getConfidenceColorClass; exports.getConfidenceLevel = getConfidenceLevel; exports.getConfidenceBorderClass = getConfidenceBorderClass; exports.getConfidenceTextClass = getConfidenceTextClass; exports.getConfidenceBgClass = getConfidenceBgClass; exports.getConfidenceLabel = getConfidenceLabel; exports.DEV_SECTION_PARAM_KEYS = DEV_SECTION_PARAM_KEYS; exports.devSectionAnchorId = devSectionAnchorId; exports.TICKET_OPEN_PARAM = TICKET_OPEN_PARAM; exports.buildTicketOpenHref = buildTicketOpenHref; exports.normalizeToolType = normalizeToolType; exports.normalizeToolTypeWithFallback = normalizeToolTypeWithFallback; exports.toToolLabel = toToolLabel; exports.isValidToolType = isValidToolType; exports.getToolTypeAliases = getToolTypeAliases; exports.getToolLabel = getToolLabel; exports.ShellTypeValues = ShellTypeValues; exports.SHELL_TYPES = SHELL_TYPES; exports.shellLabels = shellLabels; exports.getShellLabel = getShellLabel; exports.getShellIcon = getShellIcon; exports.BITE_ID_RE = BITE_ID_RE; exports.generateBiteId = generateBiteId; exports.ensureBiteIds = ensureBiteIds; exports.matchBiteElement = matchBiteElement; exports.OSTypeValues = OSTypeValues; exports.OS_TYPES = OS_TYPES; exports.osLabels = osLabels; exports.normalizeOSType = normalizeOSType; exports.getOSLabel = getOSLabel; exports.getOSIcon = getOSIcon; exports.getOSTypeDefinition = getOSTypeDefinition; exports.getOSPlatformId = getOSPlatformId; exports.isOSPlatform = isOSPlatform; exports.getCountryPhoneData = getCountryPhoneData; exports.getCountryByCode = getCountryByCode; exports.validatePhoneNumber = validatePhoneNumber; exports.formatPhoneE164 = formatPhoneE164; exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS; exports.extractDomainFromEmail = extractDomainFromEmail; exports.normalizeDomain = normalizeDomain; exports.isGenericDomain = isGenericDomain; exports.hasGenericEmailDomain = hasGenericEmailDomain; exports.isGenericWebsiteDomain = isGenericWebsiteDomain; exports.isDismissedCookieValue = isDismissedCookieValue; exports.readDismissCookie = readDismissCookie; exports.writeDismissCookie = writeDismissCookie; exports.clearDismissCookie = clearDismissCookie; exports.announcementDismissCookieName = announcementDismissCookieName; exports.dismissAnnouncement = dismissAnnouncement; exports.isAnnouncementDismissed = isAnnouncementDismissed; exports.clearAnnouncementDismissals = clearAnnouncementDismissals; exports.clearLegacyAnnouncementCache = clearLegacyAnnouncementCache; exports.WALKTHROUGH_VIDEO_DISMISS_KEY = WALKTHROUGH_VIDEO_DISMISS_KEY; exports.walkthroughDismissCookieName = walkthroughDismissCookieName; exports.isWalkthroughDismissed = isWalkthroughDismissed; exports.dismissWalkthrough = dismissWalkthrough; exports.clearWalkthroughDismissal = clearWalkthroughDismissal; exports.WALKTHROUGH_OPEN_QUERY_PARAM = WALKTHROUGH_OPEN_QUERY_PARAM; exports.withWalkthroughOpenParam = withWalkthroughOpenParam; exports.createSseSubscription = createSseSubscription; exports.readLeadingDecisionFrame = readLeadingDecisionFrame; exports.ANNOUNCEMENT_CTA_DEFAULTS = ANNOUNCEMENT_CTA_DEFAULTS; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.releaseTypeOptions = releaseTypeOptions; exports.releaseStatusOptions = releaseStatusOptions; exports.changelogLabels = changelogLabels; exports.SEMVER_REGEX = SEMVER_REGEX; exports.TASK_TYPE_LABELS = TASK_TYPE_LABELS; exports.TASK_TYPE_TEXT_COLORS = TASK_TYPE_TEXT_COLORS; exports.TMCG_ROLES = TMCG_ROLES; exports.TMCG_ROLE_DISPLAY_NAMES = TMCG_ROLE_DISPLAY_NAMES; exports.TMCG_SOCIAL_PLATFORMS = TMCG_SOCIAL_PLATFORMS; exports.ROADMAP_STATUS_OPTIONS = ROADMAP_STATUS_OPTIONS; exports.DELIVERY_TASK_TYPE_OPTIONS = DELIVERY_TASK_TYPE_OPTIONS; exports.TICKET_STATUS_OPTIONS = TICKET_STATUS_OPTIONS; exports.OPENFRAME_DEV_SECTIONS = OPENFRAME_DEV_SECTIONS; exports.DEFAULT_CONTENT_SUFFIXES = DEFAULT_CONTENT_SUFFIXES; exports.makeComposeContentUrl = makeComposeContentUrl; exports.buildDefaultHref = buildDefaultHref; exports.resolveContentHref = resolveContentHref; exports.DEFAULT_FOLDER_INDEX_FILE = DEFAULT_FOLDER_INDEX_FILE; exports.stripFolderIndexFromPath = stripFolderIndexFromPath; exports.findDocNodeByPath = findDocNodeByPath; exports.getDocAncestorNodeIds = getDocAncestorNodeIds; exports.resolveContentFetchPath = resolveContentFetchPath; exports.getInitialExpandedNodeIds = getInitialExpandedNodeIds; exports.getDocSourceDefaultPath = getDocSourceDefaultPath; exports.toDocSlug = toDocSlug; exports.pathToNodeId = pathToNodeId; exports.normalizeDocPath = normalizeDocPath; exports.formatDocName = formatDocName; exports.sortTreeChildren = sortTreeChildren; exports.buildDocumentTree = buildDocumentTree; exports.extractSections = extractSections; exports.SCHEDULING_SLUG_SHAPE = SCHEDULING_SLUG_SHAPE; exports.MAX_MONTH_OFFSET = MAX_MONTH_OFFSET; exports.isValidSchedulingSlug = isValidSchedulingSlug; exports.parseSchedulingLinkName = parseSchedulingLinkName; exports.isListedSchedulingName = isListedSchedulingName; exports.schedulingAudienceKey = schedulingAudienceKey; exports.SECTION_HERO_ICON_CLASS = SECTION_HERO_ICON_CLASS; exports.FIRST_TOUCH_ATTRIBUTION_KEY = FIRST_TOUCH_ATTRIBUTION_KEY; exports.sanitizeLandingUrl = sanitizeLandingUrl; exports.parseAttributionFromUrl = parseAttributionFromUrl; exports.captureFirstTouchAttribution = captureFirstTouchAttribution; exports.getFirstTouchAttribution = getFirstTouchAttribution; exports.withFirstTouchAttribution = withFirstTouchAttribution; exports.clearFirstTouchAttribution = clearFirstTouchAttribution; exports.BenefitCard = BenefitCard; exports.BenefitCardGrid = BenefitCardGrid; exports.BrandAssociationCard = BrandAssociationCard; exports.BrandAssociationGrid = BrandAssociationGrid; exports.BulletList = BulletList; exports.ChevronButton = ChevronButton; exports.CircularProgress = CircularProgress; exports.CheckIcon = CheckIcon2; exports.XIcon = XIcon2; exports.MinusIcon = MinusIcon; exports.CheckCircleIcon = CheckCircleIcon2; exports.XCircleIcon = XCircleIcon; exports.DashboardInfoCard = DashboardInfoCard; exports.InfoCardRow = InfoCardRow; exports.OSTypeBadge = OSTypeBadge; exports.OSTypeIcon = OSTypeIcon; exports.OSTypeLabel = OSTypeLabel; exports.DeviceCard = DeviceCard; exports.DeviceCardCompact = DeviceCardCompact; exports.FeatureCardGrid = FeatureCardGrid; exports.FeatureList = FeatureList; exports.SourceTooltip = SourceTooltip; exports.HighlightCard = HighlightCard; exports.HighlightCardGrid = HighlightCardGrid; exports.IconsBlock = IconsBlock; exports.DropdownButton = DropdownButton; exports.MoreActionsMenu = MoreActionsMenu; exports.OrganizationCard = OrganizationCard; exports.ServiceCard = ServiceCard; exports.Slider = Slider; exports.TitleContentBlock = TitleContentBlock; exports.TouchFriendlyTooltip = TouchFriendlyTooltip; exports.ContentLoader = ContentLoader; exports.CardLoader = CardLoader; exports.FormLoader = FormLoader; exports.DetailLoader = DetailLoader; exports.ListLoader = ListLoader; exports.CursorPagination = CursorPagination; exports.CursorPaginationSimple = CursorPaginationSimple; exports.TableEmptyState = TableEmptyState; exports.DynamicThemeProvider = DynamicThemeProvider; exports.useDynamicTheme = useDynamicTheme; exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY; exports.THEME_ATTRIBUTE = THEME_ATTRIBUTE; exports.DEFAULT_THEME = DEFAULT_THEME; exports.ThemeProvider = ThemeProvider; exports.useTheme = useTheme; exports.useThemeToggle = useThemeToggle; exports.ArrayEntryManager = ArrayEntryManager; exports.AuthBenefitsPanel = AuthBenefitsPanel; exports.OpenFrameWordmark = OpenFrameWordmark; exports.PoweredByFlamingo = PoweredByFlamingo; exports.AuthShell = AuthShell; exports.BackToLoginLink = BackToLoginLink; exports.PasswordInput = PasswordInput; exports.PROVIDER_META = PROVIDER_META; exports.SsoProviderButtons = SsoProviderButtons; exports.CompleteAccountForm = CompleteAccountForm; exports.TermsAgreementLabel = TermsAgreementLabel; exports.CreateOrganizationForm = CreateOrganizationForm; exports.InviteLinkInvalidModal = InviteLinkInvalidModal; exports.LoginForm = LoginForm; exports.OpenFrameSsoLoginForm = OpenFrameSsoLoginForm; exports.OpenFrameSsoSignUpForm = OpenFrameSsoSignUpForm; exports.PasswordResetForm = PasswordResetForm; exports.SsoAuthShell = SsoAuthShell; exports.ProviderButton = ProviderButton; exports.AuthProvidersList = AuthProvidersList; exports.ChangelogManager = ChangelogManager; exports.ChangelogSectionsManager = ChangelogSectionsManager; exports.ClickUpTasksManager = ClickUpTasksManager; exports.CommandBox = CommandBox; exports.TAG_BADGE_CLASS = TAG_BADGE_CLASS; exports.EntityTagBadges = EntityTagBadges; exports.ErrorBoundary = ErrorBoundary; exports.SectionSelector = SectionSelector; exports.FigmaPrototypeViewer = FigmaPrototypeViewer; exports.FiltersDropdown = FiltersDropdown; exports.useFiltersDropdown = useFiltersDropdown; exports.GitHubReleasesManager = GitHubReleasesManager; exports.KnowledgeBaseLinksManager = KnowledgeBaseLinksManager; exports.LoadingProvider = LoadingProvider; exports.useLoading = useLoading; exports.MediaGalleryManager = MediaGalleryManager; exports.MoreAboutButton = MoreAboutButton; exports.OSTypeBadgeGroup = OSTypeBadgeGroup; exports.ParallaxImageShowcase = ParallaxImageShowcase; exports.PathsDisplay = PathsDisplay; exports.OPENFRAME_PATHS = OPENFRAME_PATHS; exports.getOpenFramePaths = getOpenFramePaths; exports.OPENFRAME_DOCTOR_COMMANDS = OPENFRAME_DOCTOR_COMMANDS; exports.getOpenFrameDoctorCommand = getOpenFrameDoctorCommand; exports.PlatformFilterComponent = PlatformFilterComponent; exports.PushButtonSelector = PushButtonSelector; exports.ReleaseMediaManager = ReleaseMediaManager; exports.SelectButton = SelectButton; exports.ConfidenceBadge = ConfidenceBadge; exports.SEOEditorPreview = SEOEditorPreview; exports.SocialLinksManager = SocialLinksManager; exports.StartWithOpenFrameButton = StartWithOpenFrameButton; exports.StatusFilterComponent = StatusFilterComponent; exports.TagsSelector = TagsSelector; exports.WarningBlock = WarningBlock; exports.VideoBitesDisplay = VideoBitesDisplay; exports.FloatingWalkthroughVideo = FloatingWalkthroughVideo; exports.InlineWalkthroughVideo = InlineWalkthroughVideo; exports.useWalkthroughVideo = useWalkthroughVideo; exports.VideoSourceSelector = VideoSourceSelector; exports.SubtitlesEditor = SubtitlesEditor; exports.TranscriptSummaryEditor = TranscriptSummaryEditor; exports.AIEnrichButton = AIEnrichButton; exports.AIWarningsSection = AIWarningsSection; exports.AIEnrichSection = AIEnrichSection; exports.HighlightVideoSection = HighlightVideoSection; exports.HighlightConfigSection = HighlightConfigSection; exports.EntitySummaryEditor = EntitySummaryEditor; exports.AIStatusIndicator = AIStatusIndicator; exports.AIRequiredBadge = AIRequiredBadge; exports.TranscribeSummarizeSection = TranscribeSummarizeSection; exports.VideoClipsSection = VideoClipsSection; exports.HighlightGenerationSection = HighlightGenerationSection; exports.HighlightVideoPreview = HighlightVideoPreview; exports.TranscribeAndSummarizeCombinedSection = TranscribeAndSummarizeCombinedSection; exports.HighlightVideoCombinedSection = HighlightVideoCombinedSection; exports.ViewToggle = ViewToggle; exports.PolicyConfigurationPanel = PolicyConfigurationPanel; exports.PhoneInput = PhoneInput; exports.WaitlistForm = WaitlistForm; exports.NotificationsProvider = NotificationsProvider; exports.useNotifications = useNotifications; exports.useOptionalNotifications = useOptionalNotifications; exports.AppLayoutDrawerContainerContext = AppLayoutDrawerContainerContext; exports.useAppLayoutDrawerContainer = useAppLayoutDrawerContainer; exports.AppLayoutDrawerCoordinationContext = AppLayoutDrawerCoordinationContext; exports.AppLayoutDrawerRoot = AppLayoutDrawerRoot; exports.AppLayoutDrawerTrigger = AppLayoutDrawerTrigger; exports.AppLayoutDrawerClose = AppLayoutDrawerClose; exports.AppLayoutDrawerContent = AppLayoutDrawerContent; exports.AppLayoutDrawerHeader = AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = AppLayoutDrawerTitle; exports.AppLayoutDrawerDescription = AppLayoutDrawerDescription; exports.AppLayoutDrawerBody = AppLayoutDrawerBody; exports.AppLayoutDrawerFooter = AppLayoutDrawerFooter; exports.NotificationTile = NotificationTile; exports.NotificationDrawer = NotificationDrawer; exports.NotificationPopups = NotificationPopups; exports.ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE = ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE; exports.isApprovalNotification = isApprovalNotification; exports.getApprovalMeta = getApprovalMeta; exports.resolutionToStatus = resolutionToStatus; exports.approvalMetaToBatchData = approvalMetaToBatchData; exports.ApprovalRequestNotificationTile = ApprovalRequestNotificationTile; exports.TimeTrackerProvider = TimeTrackerProvider; exports.useTimeTracker = useTimeTracker; exports.useOptionalTimeTracker = useOptionalTimeTracker; exports.useTrackerClock = useTrackerClock; exports.TimeTrackerPanel = TimeTrackerPanel; exports.UnreadDot = UnreadDot; exports.UnreadCountBadge = UnreadCountBadge; exports.HeaderButton = HeaderButton; exports.TimeTrackerHeaderButton = TimeTrackerHeaderButton; exports.BoardColumnHeader = BoardColumnHeader; exports.tintOnDark = tintOnDark; exports.BoardTicketApproval = BoardTicketApproval; exports.TicketCardBody = TicketCardBody; exports.TicketCardView = TicketCardView; exports.TicketCard = TicketCard; exports.TicketCardSkeleton = TicketCardSkeleton; exports.BoardColumn = BoardColumn; exports.useBoardCollapse = useBoardCollapse; exports.Board = Board; exports.columnFromTicketStatus = columnFromTicketStatus; exports.groupTicketsByStatus = groupTicketsByStatus; exports.SLOT_STICKINESS = SLOT_STICKINESS; exports.SortableList = SortableList; exports.SortableMoveButtons = SortableMoveButtons; exports.useSortableItem = useSortableItem; exports.TicketStatusConfigList = TicketStatusConfigList; exports.TableHeader = TableHeader; exports.TableCell = TableCell; exports.COMPACT_ROW_MIN_HEIGHT_PX = COMPACT_ROW_MIN_HEIGHT_PX; exports.TableCardSkeleton = TableCardSkeleton; exports.TableRow = TableRow; exports.Table = Table; exports.TableDescriptionCell = TableDescriptionCell; exports.TableTimestampCell = TableTimestampCell; exports.QueryReportTableHeader = QueryReportTableHeader; exports.QueryReportTableRow = QueryReportTableRow; exports.QueryReportTableSkeleton = QueryReportTableSkeleton; exports.deriveColumns = deriveColumns; exports.exportToCSV = exportToCSV; exports.QueryReportTable = QueryReportTable; exports.useDataTableContext = useDataTableContext; exports.DataTableRoot = DataTableRoot; exports.DataTableEmpty = DataTableEmpty; exports.getHideClasses = getHideClasses2; exports.alignJustify = alignJustify; exports.multiSelectFilterFn = multiSelectFilterFn; exports.ROW_HEIGHT_DESKTOP = ROW_HEIGHT_DESKTOP2; exports.ROW_HEIGHT_MOBILE = ROW_HEIGHT_MOBILE2; exports.ROW_SHELL_CLASSES = ROW_SHELL_CLASSES; exports.DataTableSkeleton = DataTableSkeleton; exports.DataTableRow = DataTableRow; exports.DataTableBody = DataTableBody; exports.DataTableCursorFooter = DataTableCursorFooter; exports.DataTableHeader = DataTableHeader; exports.DataTableInfiniteFooter = DataTableInfiniteFooter; exports.DataTableRowCount = DataTableRowCount; exports.useDataTable = useDataTable; exports.DataTable = DataTable; exports.flexRender = _reacttable.flexRender; exports.createColumnHelper = _reacttable.createColumnHelper; exports.getCoreRowModel = _reacttable.getCoreRowModel; exports.getExpandedRowModel = _reacttable.getExpandedRowModel; exports.getFacetedRowModel = _reacttable.getFacetedRowModel; exports.getFacetedUniqueValues = _reacttable.getFacetedUniqueValues; exports.getFilteredRowModel = _reacttable.getFilteredRowModel; exports.getGroupedRowModel = _reacttable.getGroupedRowModel; exports.getPaginationRowModel = _reacttable.getPaginationRowModel; exports.getSortedRowModel = _reacttable.getSortedRowModel; exports.SearchInput = SearchInput; exports.FilterListItem = FilterListItem; exports.FilterList = FilterList; exports.TagSearchInput = TagSearchInput; exports.MarkdownEditor = MarkdownEditor; exports.FileUpload = FileUpload; exports.ImageUploader = ImageUploader; exports.TICKET_STATUS_COLOR_PRESETS = TICKET_STATUS_COLOR_PRESETS; exports.CUSTOM_PRESET_KEY = CUSTOM_PRESET_KEY; exports.DEFAULT_CUSTOM_STATUS_COLOR = DEFAULT_CUSTOM_STATUS_COLOR; exports.ColorPresetSelect = ColorPresetSelect; exports.ColorPickerInput = ColorPickerInput; exports.TicketStatusConfigRow = TicketStatusConfigRow; exports.formatTestRunDuration = formatTestRunDuration; exports.TestResultsSkeleton = TestResultsSkeleton; exports.TestResultsTable = TestResultsTable; exports.TestRunErrorBanner = TestRunErrorBanner; exports.TestRunResults = TestRunResults; exports.TimingStat = TimingStat; exports.TestRunStatusStat = TestRunStatusStat; exports.useTestRunState = useTestRunState; exports.TicketAttachmentsList = TicketAttachmentsList; exports.TicketDetailSection = TicketDetailSection; exports.TicketNoteCard = TicketNoteCard; exports.TicketNotesSection = TicketNotesSection; exports.TicketInfoSection = TicketInfoSection; exports.renderTicketStatusOption = renderTicketStatusOption; exports.renderTicketAssigneeOption = renderTicketAssigneeOption; exports.TakeOverTicketModal = TakeOverTicketModal; exports.ReopenTicketModal = ReopenTicketModal; exports.ReopenTicketRequestModal = ReopenTicketRequestModal; exports.FilterPillRow = FilterPillRow;
-//# sourceMappingURL=chunk-RH7EY7YN.cjs.map
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AllowedDomainsInput = AllowedDomainsInput; exports.AnnouncementBarView = AnnouncementBarView; exports.HiddenTagsPopup = HiddenTagsPopup; exports.TruncateText = TruncateText; exports.Autocomplete = Autocomplete; exports.CheckboxBlock = CheckboxBlock; exports.CheckboxWithDescription = CheckboxWithDescription; exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator; exports.DatePickerCalendar = DatePickerCalendar; exports.DatePicker = DatePicker; exports.DatePickerInput = DatePickerInput; exports.DatePickerInputSimple = DatePickerInputSimple; exports.DateFilterPanel = DateFilterPanel; exports.DateFilterMenu = DateFilterMenu; exports.DurationInput = DurationInput; exports.InfoHint = InfoHint; exports.Field = Field; exports.HoneypotField = HoneypotField; exports.JsonDetailList = JsonDetailList; exports.ProgressBar = ProgressBar; exports.InfoCard = InfoCard; exports.InfoRow = InfoRow; exports.DeletedUserAvatar = DeletedUserAvatar; exports.SearchableSelect = SearchableSelect; exports.AssigneeDropdown = AssigneeDropdown; exports.InfoSection = InfoSection; exports.InputTrigger = InputTrigger; exports.MediaTypeSelector = MediaTypeSelector; exports.noDataIconClasses = noDataIconClasses; exports.noDataActionsVariants = noDataActionsVariants; exports.NoDataAction = NoDataAction; exports.NoDataActions = NoDataActions; exports.NoDataMessage = NoDataMessage; exports.NoData = NoData; exports.PageLoader = PageLoader; exports.CompactPageLoader = CompactPageLoader; exports.RadioGroup = RadioGroup; exports.RadioGroupItem = RadioGroupItem; exports.RadioGroupBlock = RadioGroupBlock; exports.Switch = Switch; exports.TagSelectDropdown = TagSelectDropdown; exports.badgeVariants = badgeVariants; exports.Badge = Badge; exports.TagsInput = TagsInput; exports.TagsManager = TagsManager; exports.Textarea = Textarea; exports.AlertDialog = AlertDialog; exports.AlertDialogTrigger = AlertDialogTrigger; exports.AlertDialogPortal = AlertDialogPortal; exports.AlertDialogOverlay = AlertDialogOverlay; exports.AlertDialogContent = AlertDialogContent; exports.AlertDialogHeader = AlertDialogHeader; exports.AlertDialogFooter = AlertDialogFooter; exports.AlertDialogTitle = AlertDialogTitle; exports.AlertDialogDescription = AlertDialogDescription; exports.AlertDialogAction = AlertDialogAction; exports.AlertDialogCancel = AlertDialogCancel; exports.AspectRatio = AspectRatio; exports.Dialog = Dialog; exports.DialogTrigger = DialogTrigger; exports.DialogPortal = DialogPortal; exports.DialogClose = DialogClose; exports.DialogOverlay = DialogOverlay; exports.DialogContent = DialogContent; exports.DialogHeader = DialogHeader; exports.DialogFooter = DialogFooter; exports.DialogTitle = DialogTitle; exports.DialogDescription = DialogDescription; exports.useConfirm = useConfirm; exports.useGuardedClose = useGuardedClose; exports.UnsavedChangesChip = UnsavedChangesChip; exports.AdminFormModal = AdminFormModal; exports.Separator = Separator2; exports.Sheet = Sheet; exports.SheetTrigger = SheetTrigger; exports.SheetClose = SheetClose; exports.SheetPortal = SheetPortal; exports.SheetOverlay = SheetOverlay; exports.SheetContent = SheetContent; exports.SheetHeader = SheetHeader; exports.SheetFooter = SheetFooter; exports.SheetTitle = SheetTitle; exports.SheetDescription = SheetDescription; exports.Accordion = Accordion; exports.AccordionItem = AccordionItem; exports.AccordionTrigger = AccordionTrigger; exports.AccordionContent = AccordionContent; exports.Breadcrumb = Breadcrumb; exports.BreadcrumbList = BreadcrumbList; exports.BreadcrumbItem = BreadcrumbItem; exports.BreadcrumbLink = BreadcrumbLink; exports.BreadcrumbPage = BreadcrumbPage; exports.BreadcrumbSeparator = BreadcrumbSeparator; exports.BreadcrumbEllipsis = BreadcrumbEllipsis; exports.MenubarMenu = MenubarMenu; exports.MenubarGroup = MenubarGroup; exports.MenubarPortal = MenubarPortal; exports.MenubarSub = MenubarSub; exports.MenubarRadioGroup = MenubarRadioGroup; exports.Menubar = Menubar; exports.MenubarTrigger = MenubarTrigger; exports.MenubarSubTrigger = MenubarSubTrigger; exports.MenubarSubContent = MenubarSubContent; exports.MenubarContent = MenubarContent; exports.MenubarItem = MenubarItem; exports.MenubarCheckboxItem = MenubarCheckboxItem; exports.MenubarRadioItem = MenubarRadioItem; exports.MenubarLabel = MenubarLabel; exports.MenubarSeparator = MenubarSeparator; exports.MenubarShortcut = MenubarShortcut; exports.NavigationMenuViewport = NavigationMenuViewport; exports.NavigationMenu = NavigationMenu; exports.NavigationMenuList = NavigationMenuList; exports.NavigationMenuItem = NavigationMenuItem; exports.navigationMenuTriggerStyle = navigationMenuTriggerStyle; exports.NavigationMenuTrigger = NavigationMenuTrigger; exports.NavigationMenuContent = NavigationMenuContent; exports.NavigationMenuLink = NavigationMenuLink; exports.NavigationMenuIndicator = NavigationMenuIndicator; exports.CrossfadePanels = CrossfadePanels; exports.TabContent = TabContent; exports.TabNavigation = TabNavigation; exports.getTabById = getTabById; exports.getTabComponent = getTabComponent; exports.Alert = Alert; exports.AlertTitle = AlertTitle; exports.AlertDescription = AlertDescription; exports.AIGeneratedBadge = AIGeneratedBadge; exports.FadePreview = FadePreview; exports.Progress = Progress; exports.RichMarkdownRuntimeProvider = RichMarkdownRuntimeProvider; exports.useRichMarkdownRuntime = useRichMarkdownRuntime; exports.FullscreenSwitchController = FullscreenSwitchController; exports.EmbedIframe = EmbedIframe; exports.EmbedViewerFrame = EmbedViewerFrame; exports.ClaudeEmbed = ClaudeEmbed; exports.FigmaEmbed = FigmaEmbed; exports.EMBED_SIZES = EMBED_SIZES; exports.EmbedContainer = EmbedContainer; exports.YouTubeContainer = YouTubeContainer; exports.TwitterContainer = TwitterContainer; exports.RedditContainer = RedditContainer; exports.LinkPreviewContainer = LinkPreviewContainer; exports.LinkedInContainer = LinkedInContainer; exports.LinkedInEmbedClient = LinkedInEmbedClient; exports.MarkdownImage = MarkdownImage; exports.OGLinkErrorBoundary = OGLinkErrorBoundary; exports.OGLinkPreview = OGLinkPreview; exports.MediaCarousel = MediaCarousel; exports.RedditEmbedClient = RedditEmbedClient; exports.TwitterEmbedClient = TwitterEmbedClient; exports.processShortcodes = processShortcodes; exports.RichMarkdownRenderer = RichMarkdownRenderer; exports.ReleaseChangelogSection = ReleaseChangelogSection; exports.StackedRowsPanel = StackedRowsPanel; exports.SlackChannelChip = SlackChannelChip; exports.StatusIndicator = StatusIndicator; exports.BackButton = BackButton; exports.ErrorState = ErrorState; exports.PageError = PageError; exports.LoadError = LoadError; exports.NotFoundError = NotFoundError; exports.FilterCheckboxItem = FilterCheckboxItem; exports.TagKeyValueFilter = TagKeyValueFilter; exports.FilterModal = FilterModal; exports.PageActions = PageActions; exports.usePageActionsBottomPadding = usePageActionsBottomPadding; exports.PageContainer = PageContainer; exports.ListPageContainer = ListPageContainer; exports.DetailPageContainer = DetailPageContainer; exports.FormPageContainer = FormPageContainer; exports.ContentPageContainer = ContentPageContainer; exports.ListPageLayout = ListPageLayout; exports.EntityImage = EntityImage; exports.TITLE_BLOCK_MIN_HEIGHT = TITLE_BLOCK_MIN_HEIGHT; exports.TitleBlock = TitleBlock; exports.PageLayout = PageLayout; exports.PageShell = PageShell; exports.ArticleDetailLayout = ArticleDetailLayout; exports.toggleVariants = toggleVariants; exports.Toggle = Toggle; exports.ToggleGroup = ToggleGroup; exports.ToggleGroupItem = ToggleGroupItem; exports.SEO_TITLE_MAX_LENGTH = SEO_TITLE_MAX_LENGTH; exports.SEO_DESCRIPTION_MAX_LENGTH = SEO_DESCRIPTION_MAX_LENGTH; exports.BRAND_MARK_SVGS = BRAND_MARK_SVGS; exports.brandMarkDataUri = brandMarkDataUri; exports.OS_PLATFORMS = OS_PLATFORMS; exports.DEFAULT_OS_PLATFORM = DEFAULT_OS_PLATFORM; exports.isValidEmailDomain = isValidEmailDomain; exports.validateEmailDomain = validateEmailDomain; exports.validateEmailDomainList = validateEmailDomainList; exports.cleanEmailDomain = cleanEmailDomain; exports.getConfidenceColorClass = getConfidenceColorClass; exports.getConfidenceLevel = getConfidenceLevel; exports.getConfidenceBorderClass = getConfidenceBorderClass; exports.getConfidenceTextClass = getConfidenceTextClass; exports.getConfidenceBgClass = getConfidenceBgClass; exports.getConfidenceLabel = getConfidenceLabel; exports.DEV_SECTION_PARAM_KEYS = DEV_SECTION_PARAM_KEYS; exports.devSectionAnchorId = devSectionAnchorId; exports.TICKET_OPEN_PARAM = TICKET_OPEN_PARAM; exports.buildTicketOpenHref = buildTicketOpenHref; exports.normalizeToolType = normalizeToolType; exports.normalizeToolTypeWithFallback = normalizeToolTypeWithFallback; exports.toToolLabel = toToolLabel; exports.isValidToolType = isValidToolType; exports.getToolTypeAliases = getToolTypeAliases; exports.getToolLabel = getToolLabel; exports.ShellTypeValues = ShellTypeValues; exports.SHELL_TYPES = SHELL_TYPES; exports.shellLabels = shellLabels; exports.getShellLabel = getShellLabel; exports.getShellIcon = getShellIcon; exports.BITE_ID_RE = BITE_ID_RE; exports.generateBiteId = generateBiteId; exports.ensureBiteIds = ensureBiteIds; exports.matchBiteElement = matchBiteElement; exports.OSTypeValues = OSTypeValues; exports.OS_TYPES = OS_TYPES; exports.osLabels = osLabels; exports.normalizeOSType = normalizeOSType; exports.getOSLabel = getOSLabel; exports.getOSIcon = getOSIcon; exports.getOSTypeDefinition = getOSTypeDefinition; exports.getOSPlatformId = getOSPlatformId; exports.isOSPlatform = isOSPlatform; exports.getCountryPhoneData = getCountryPhoneData; exports.getCountryByCode = getCountryByCode; exports.validatePhoneNumber = validatePhoneNumber; exports.formatPhoneE164 = formatPhoneE164; exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS; exports.extractDomainFromEmail = extractDomainFromEmail; exports.normalizeDomain = normalizeDomain; exports.isGenericDomain = isGenericDomain; exports.hasGenericEmailDomain = hasGenericEmailDomain; exports.isGenericWebsiteDomain = isGenericWebsiteDomain; exports.isDismissedCookieValue = isDismissedCookieValue; exports.readDismissCookie = readDismissCookie; exports.writeDismissCookie = writeDismissCookie; exports.clearDismissCookie = clearDismissCookie; exports.announcementDismissCookieName = announcementDismissCookieName; exports.dismissAnnouncement = dismissAnnouncement; exports.isAnnouncementDismissed = isAnnouncementDismissed; exports.clearAnnouncementDismissals = clearAnnouncementDismissals; exports.clearLegacyAnnouncementCache = clearLegacyAnnouncementCache; exports.WALKTHROUGH_VIDEO_DISMISS_KEY = WALKTHROUGH_VIDEO_DISMISS_KEY; exports.walkthroughDismissCookieName = walkthroughDismissCookieName; exports.isWalkthroughDismissed = isWalkthroughDismissed; exports.dismissWalkthrough = dismissWalkthrough; exports.clearWalkthroughDismissal = clearWalkthroughDismissal; exports.WALKTHROUGH_OPEN_QUERY_PARAM = WALKTHROUGH_OPEN_QUERY_PARAM; exports.withWalkthroughOpenParam = withWalkthroughOpenParam; exports.createSseSubscription = createSseSubscription; exports.readLeadingDecisionFrame = readLeadingDecisionFrame; exports.ANNOUNCEMENT_CTA_DEFAULTS = ANNOUNCEMENT_CTA_DEFAULTS; exports.AVAILABLE_SVG_ICONS = AVAILABLE_SVG_ICONS; exports.releaseTypeOptions = releaseTypeOptions; exports.releaseStatusOptions = releaseStatusOptions; exports.changelogLabels = changelogLabels; exports.SEMVER_REGEX = SEMVER_REGEX; exports.TASK_TYPE_LABELS = TASK_TYPE_LABELS; exports.TASK_TYPE_TEXT_COLORS = TASK_TYPE_TEXT_COLORS; exports.TMCG_ROLES = TMCG_ROLES; exports.TMCG_ROLE_DISPLAY_NAMES = TMCG_ROLE_DISPLAY_NAMES; exports.TMCG_SOCIAL_PLATFORMS = TMCG_SOCIAL_PLATFORMS; exports.ROADMAP_STATUS_OPTIONS = ROADMAP_STATUS_OPTIONS; exports.DELIVERY_TASK_TYPE_OPTIONS = DELIVERY_TASK_TYPE_OPTIONS; exports.TICKET_STATUS_OPTIONS = TICKET_STATUS_OPTIONS; exports.OPENFRAME_DEV_SECTIONS = OPENFRAME_DEV_SECTIONS; exports.DEFAULT_CONTENT_SUFFIXES = DEFAULT_CONTENT_SUFFIXES; exports.makeComposeContentUrl = makeComposeContentUrl; exports.buildDefaultHref = buildDefaultHref; exports.resolveContentHref = resolveContentHref; exports.DEFAULT_FOLDER_INDEX_FILE = DEFAULT_FOLDER_INDEX_FILE; exports.stripFolderIndexFromPath = stripFolderIndexFromPath; exports.findDocNodeByPath = findDocNodeByPath; exports.getDocAncestorNodeIds = getDocAncestorNodeIds; exports.resolveContentFetchPath = resolveContentFetchPath; exports.getInitialExpandedNodeIds = getInitialExpandedNodeIds; exports.getDocSourceDefaultPath = getDocSourceDefaultPath; exports.toDocSlug = toDocSlug; exports.pathToNodeId = pathToNodeId; exports.normalizeDocPath = normalizeDocPath; exports.formatDocName = formatDocName; exports.sortTreeChildren = sortTreeChildren; exports.buildDocumentTree = buildDocumentTree; exports.extractSections = extractSections; exports.SCHEDULING_SLUG_SHAPE = SCHEDULING_SLUG_SHAPE; exports.MAX_MONTH_OFFSET = MAX_MONTH_OFFSET; exports.isValidSchedulingSlug = isValidSchedulingSlug; exports.parseSchedulingLinkName = parseSchedulingLinkName; exports.isListedSchedulingName = isListedSchedulingName; exports.schedulingAudienceKey = schedulingAudienceKey; exports.SECTION_HERO_ICON_CLASS = SECTION_HERO_ICON_CLASS; exports.FIRST_TOUCH_ATTRIBUTION_KEY = FIRST_TOUCH_ATTRIBUTION_KEY; exports.sanitizeLandingUrl = sanitizeLandingUrl; exports.parseAttributionFromUrl = parseAttributionFromUrl; exports.captureFirstTouchAttribution = captureFirstTouchAttribution; exports.getFirstTouchAttribution = getFirstTouchAttribution; exports.withFirstTouchAttribution = withFirstTouchAttribution; exports.clearFirstTouchAttribution = clearFirstTouchAttribution; exports.BenefitCard = BenefitCard; exports.BenefitCardGrid = BenefitCardGrid; exports.BrandAssociationCard = BrandAssociationCard; exports.BrandAssociationGrid = BrandAssociationGrid; exports.BulletList = BulletList; exports.ChevronButton = ChevronButton; exports.CircularProgress = CircularProgress; exports.CheckIcon = CheckIcon2; exports.XIcon = XIcon2; exports.MinusIcon = MinusIcon; exports.CheckCircleIcon = CheckCircleIcon2; exports.XCircleIcon = XCircleIcon; exports.DashboardInfoCard = DashboardInfoCard; exports.InfoCardRow = InfoCardRow; exports.OSTypeBadge = OSTypeBadge; exports.OSTypeIcon = OSTypeIcon; exports.OSTypeLabel = OSTypeLabel; exports.DeviceCard = DeviceCard; exports.DeviceCardCompact = DeviceCardCompact; exports.FeatureCardGrid = FeatureCardGrid; exports.FeatureList = FeatureList; exports.SourceTooltip = SourceTooltip; exports.HighlightCard = HighlightCard; exports.HighlightCardGrid = HighlightCardGrid; exports.IconsBlock = IconsBlock; exports.DropdownButton = DropdownButton; exports.MoreActionsMenu = MoreActionsMenu; exports.OrganizationCard = OrganizationCard; exports.ServiceCard = ServiceCard; exports.Slider = Slider; exports.TitleContentBlock = TitleContentBlock; exports.TouchFriendlyTooltip = TouchFriendlyTooltip; exports.ContentLoader = ContentLoader; exports.CardLoader = CardLoader; exports.FormLoader = FormLoader; exports.DetailLoader = DetailLoader; exports.ListLoader = ListLoader; exports.CursorPagination = CursorPagination; exports.CursorPaginationSimple = CursorPaginationSimple; exports.TableEmptyState = TableEmptyState; exports.DynamicThemeProvider = DynamicThemeProvider; exports.useDynamicTheme = useDynamicTheme; exports.THEME_STORAGE_KEY = THEME_STORAGE_KEY; exports.THEME_ATTRIBUTE = THEME_ATTRIBUTE; exports.DEFAULT_THEME = DEFAULT_THEME; exports.ThemeProvider = ThemeProvider; exports.useTheme = useTheme; exports.useThemeToggle = useThemeToggle; exports.ArrayEntryManager = ArrayEntryManager; exports.AuthBenefitsPanel = AuthBenefitsPanel; exports.OpenFrameWordmark = OpenFrameWordmark; exports.PoweredByFlamingo = PoweredByFlamingo; exports.AuthShell = AuthShell; exports.BackToLoginLink = BackToLoginLink; exports.PasswordInput = PasswordInput; exports.PROVIDER_META = PROVIDER_META; exports.SsoProviderButtons = SsoProviderButtons; exports.CompleteAccountForm = CompleteAccountForm; exports.TermsAgreementLabel = TermsAgreementLabel; exports.CreateOrganizationForm = CreateOrganizationForm; exports.InviteLinkInvalidModal = InviteLinkInvalidModal; exports.LoginForm = LoginForm; exports.OpenFrameSsoLoginForm = OpenFrameSsoLoginForm; exports.OpenFrameSsoSignUpForm = OpenFrameSsoSignUpForm; exports.PasswordResetForm = PasswordResetForm; exports.SsoAuthShell = SsoAuthShell; exports.ProviderButton = ProviderButton; exports.AuthProvidersList = AuthProvidersList; exports.ChangelogManager = ChangelogManager; exports.ChangelogSectionsManager = ChangelogSectionsManager; exports.ClickUpTasksManager = ClickUpTasksManager; exports.CommandBox = CommandBox; exports.TAG_BADGE_CLASS = TAG_BADGE_CLASS; exports.EntityTagBadges = EntityTagBadges; exports.ErrorBoundary = ErrorBoundary; exports.SectionSelector = SectionSelector; exports.FigmaPrototypeViewer = FigmaPrototypeViewer; exports.FiltersDropdown = FiltersDropdown; exports.useFiltersDropdown = useFiltersDropdown; exports.GitHubReleasesManager = GitHubReleasesManager; exports.KnowledgeBaseLinksManager = KnowledgeBaseLinksManager; exports.LoadingProvider = LoadingProvider; exports.useLoading = useLoading; exports.MediaGalleryManager = MediaGalleryManager; exports.MoreAboutButton = MoreAboutButton; exports.OSTypeBadgeGroup = OSTypeBadgeGroup; exports.ParallaxImageShowcase = ParallaxImageShowcase; exports.PathsDisplay = PathsDisplay; exports.OPENFRAME_PATHS = OPENFRAME_PATHS; exports.getOpenFramePaths = getOpenFramePaths; exports.OPENFRAME_DOCTOR_COMMANDS = OPENFRAME_DOCTOR_COMMANDS; exports.getOpenFrameDoctorCommand = getOpenFrameDoctorCommand; exports.PlatformFilterComponent = PlatformFilterComponent; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton; exports.CardSkeleton = CardSkeleton; exports.CardSkeletonGrid = CardSkeletonGrid; exports.AnnouncementBarSkeleton = AnnouncementBarSkeleton; exports.HeroSkeleton = HeroSkeleton; exports.SearchContainerSkeleton = SearchContainerSkeleton; exports.CategorySidebarSkeleton = CategorySidebarSkeleton; exports.BreadcrumbSkeleton = BreadcrumbSkeleton; exports.ResultsHeaderSkeleton = ResultsHeaderSkeleton; exports.TwoColumnLayoutSkeleton = TwoColumnLayoutSkeleton; exports.ArticleLayoutSkeleton = ArticleLayoutSkeleton; exports.VendorDetailLayoutSkeleton = VendorDetailLayoutSkeleton; exports.StatsSectionSkeleton = StatsSectionSkeleton; exports.BlogCardGridSkeleton = BlogCardGridSkeleton; exports.VendorGridSkeleton = VendorGridSkeleton; exports.SlackCommunitySkeleton = SlackCommunitySkeleton; exports.ContentLoadingContainer = ContentLoadingContainer; exports.useContentLoading = useContentLoading; exports.ParagraphSkeleton = ParagraphSkeleton; exports.ListSkeleton = ListSkeleton; exports.TableSkeleton = TableSkeleton; exports.FormSkeleton = FormSkeleton; exports.NavigationSkeleton = NavigationSkeleton; exports.ProfileSkeleton = ProfileSkeleton; exports.CommentSkeleton = CommentSkeleton; exports.FeatureListSkeleton = FeatureListSkeleton; exports.TimelineSkeleton = TimelineSkeleton; exports.PricingSkeleton = PricingSkeleton; exports.ProfileLoadingSkeleton = ProfileLoadingSkeleton; exports.MspProfileFormSkeleton = MspProfileFormSkeleton; exports.CategoryCardSkeleton = CategoryCardSkeleton; exports.CategoryVendorSelectorSkeleton = CategoryVendorSelectorSkeleton; exports.WizardLayoutSkeleton = WizardLayoutSkeleton; exports.MarginReportSkeleton = MarginReportSkeleton; exports.UsersGridSkeleton = UsersGridSkeleton; exports.DynamicSkeleton = DynamicSkeleton; exports.SkeletonPresets = SkeletonPresets; exports.PlatformSkeletonContainer = PlatformSkeletonContainer; exports.ProgressiveSkeleton = ProgressiveSkeleton; exports.OrganizationIconSkeleton = OrganizationIconSkeleton; exports.OrganizationCardSkeleton = OrganizationCardSkeleton; exports.OrganizationCardSkeletonGrid = OrganizationCardSkeletonGrid; exports.DeviceCardSkeleton = DeviceCardSkeleton; exports.DeviceCardSkeletonGrid = DeviceCardSkeletonGrid; exports.PushButtonSelector = PushButtonSelector; exports.ReleaseMediaManager = ReleaseMediaManager; exports.SelectButton = SelectButton; exports.ConfidenceBadge = ConfidenceBadge; exports.SEOEditorPreview = SEOEditorPreview; exports.SocialLinksManager = SocialLinksManager; exports.StartWithOpenFrameButton = StartWithOpenFrameButton; exports.StatusFilterComponent = StatusFilterComponent; exports.TagsSelector = TagsSelector; exports.WarningBlock = WarningBlock; exports.VideoBitesDisplay = VideoBitesDisplay; exports.FloatingWalkthroughVideo = FloatingWalkthroughVideo; exports.InlineWalkthroughVideo = InlineWalkthroughVideo; exports.useWalkthroughVideo = useWalkthroughVideo; exports.VideoSourceSelector = VideoSourceSelector; exports.SubtitlesEditor = SubtitlesEditor; exports.TranscriptSummaryEditor = TranscriptSummaryEditor; exports.AIEnrichButton = AIEnrichButton; exports.AIWarningsSection = AIWarningsSection; exports.AIEnrichSection = AIEnrichSection; exports.HighlightVideoSection = HighlightVideoSection; exports.HighlightConfigSection = HighlightConfigSection; exports.EntitySummaryEditor = EntitySummaryEditor; exports.AIStatusIndicator = AIStatusIndicator; exports.AIRequiredBadge = AIRequiredBadge; exports.TranscribeSummarizeSection = TranscribeSummarizeSection; exports.VideoClipsSection = VideoClipsSection; exports.HighlightGenerationSection = HighlightGenerationSection; exports.HighlightVideoPreview = HighlightVideoPreview; exports.TranscribeAndSummarizeCombinedSection = TranscribeAndSummarizeCombinedSection; exports.HighlightVideoCombinedSection = HighlightVideoCombinedSection; exports.ViewToggle = ViewToggle; exports.PolicyConfigurationPanel = PolicyConfigurationPanel; exports.PhoneInput = PhoneInput; exports.WaitlistForm = WaitlistForm; exports.NotificationsProvider = NotificationsProvider; exports.useNotifications = useNotifications; exports.useOptionalNotifications = useOptionalNotifications; exports.AppLayoutDrawerContainerContext = AppLayoutDrawerContainerContext; exports.useAppLayoutDrawerContainer = useAppLayoutDrawerContainer; exports.AppLayoutDrawerCoordinationContext = AppLayoutDrawerCoordinationContext; exports.AppLayoutDrawerRoot = AppLayoutDrawerRoot; exports.AppLayoutDrawerTrigger = AppLayoutDrawerTrigger; exports.AppLayoutDrawerClose = AppLayoutDrawerClose; exports.AppLayoutDrawerContent = AppLayoutDrawerContent; exports.AppLayoutDrawerHeader = AppLayoutDrawerHeader; exports.AppLayoutDrawerTitle = AppLayoutDrawerTitle; exports.AppLayoutDrawerDescription = AppLayoutDrawerDescription; exports.AppLayoutDrawerBody = AppLayoutDrawerBody; exports.AppLayoutDrawerFooter = AppLayoutDrawerFooter; exports.NotificationTile = NotificationTile; exports.NotificationDrawer = NotificationDrawer; exports.NotificationPopups = NotificationPopups; exports.ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE = ADMIN_APPROVAL_REQUEST_CONTEXT_TYPE; exports.isApprovalNotification = isApprovalNotification; exports.getApprovalMeta = getApprovalMeta; exports.resolutionToStatus = resolutionToStatus; exports.approvalMetaToBatchData = approvalMetaToBatchData; exports.ApprovalRequestNotificationTile = ApprovalRequestNotificationTile; exports.TimeTrackerProvider = TimeTrackerProvider; exports.useTimeTracker = useTimeTracker; exports.useOptionalTimeTracker = useOptionalTimeTracker; exports.useTrackerClock = useTrackerClock; exports.TimeTrackerPanel = TimeTrackerPanel; exports.UnreadDot = UnreadDot; exports.UnreadCountBadge = UnreadCountBadge; exports.HeaderButton = HeaderButton; exports.TimeTrackerHeaderButton = TimeTrackerHeaderButton; exports.BoardColumnHeader = BoardColumnHeader; exports.tintOnDark = tintOnDark; exports.BoardTicketApproval = BoardTicketApproval; exports.TicketCardBody = TicketCardBody; exports.TicketCardView = TicketCardView; exports.TicketCard = TicketCard; exports.TicketCardSkeleton = TicketCardSkeleton; exports.BoardColumn = BoardColumn; exports.useBoardCollapse = useBoardCollapse; exports.Board = Board; exports.columnFromTicketStatus = columnFromTicketStatus; exports.groupTicketsByStatus = groupTicketsByStatus; exports.SLOT_STICKINESS = SLOT_STICKINESS; exports.SortableList = SortableList; exports.SortableMoveButtons = SortableMoveButtons; exports.useSortableItem = useSortableItem; exports.TicketStatusConfigList = TicketStatusConfigList; exports.TableHeader = TableHeader; exports.TableCell = TableCell; exports.COMPACT_ROW_MIN_HEIGHT_PX = COMPACT_ROW_MIN_HEIGHT_PX; exports.TableCardSkeleton = TableCardSkeleton; exports.TableRow = TableRow; exports.Table = Table; exports.TableDescriptionCell = TableDescriptionCell; exports.TableTimestampCell = TableTimestampCell; exports.QueryReportTableHeader = QueryReportTableHeader; exports.QueryReportTableRow = QueryReportTableRow; exports.QueryReportTableSkeleton = QueryReportTableSkeleton; exports.deriveColumns = deriveColumns; exports.exportToCSV = exportToCSV; exports.QueryReportTable = QueryReportTable; exports.useDataTableContext = useDataTableContext; exports.DataTableRoot = DataTableRoot; exports.DataTableEmpty = DataTableEmpty; exports.getHideClasses = getHideClasses2; exports.alignJustify = alignJustify; exports.multiSelectFilterFn = multiSelectFilterFn; exports.ROW_HEIGHT_DESKTOP = ROW_HEIGHT_DESKTOP2; exports.ROW_HEIGHT_MOBILE = ROW_HEIGHT_MOBILE2; exports.ROW_SHELL_CLASSES = ROW_SHELL_CLASSES; exports.DataTableSkeleton = DataTableSkeleton; exports.DataTableRow = DataTableRow; exports.DataTableBody = DataTableBody; exports.DataTableCursorFooter = DataTableCursorFooter; exports.DataTableHeader = DataTableHeader; exports.DataTableInfiniteFooter = DataTableInfiniteFooter; exports.DataTableRowCount = DataTableRowCount; exports.useDataTable = useDataTable; exports.DataTable = DataTable; exports.flexRender = _reacttable.flexRender; exports.createColumnHelper = _reacttable.createColumnHelper; exports.getCoreRowModel = _reacttable.getCoreRowModel; exports.getExpandedRowModel = _reacttable.getExpandedRowModel; exports.getFacetedRowModel = _reacttable.getFacetedRowModel; exports.getFacetedUniqueValues = _reacttable.getFacetedUniqueValues; exports.getFilteredRowModel = _reacttable.getFilteredRowModel; exports.getGroupedRowModel = _reacttable.getGroupedRowModel; exports.getPaginationRowModel = _reacttable.getPaginationRowModel; exports.getSortedRowModel = _reacttable.getSortedRowModel; exports.SearchInput = SearchInput; exports.FilterListItem = FilterListItem; exports.FilterList = FilterList; exports.TagSearchInput = TagSearchInput; exports.MarkdownEditor = MarkdownEditor; exports.FileUpload = FileUpload; exports.ImageUploader = ImageUploader; exports.TICKET_STATUS_COLOR_PRESETS = TICKET_STATUS_COLOR_PRESETS; exports.CUSTOM_PRESET_KEY = CUSTOM_PRESET_KEY; exports.DEFAULT_CUSTOM_STATUS_COLOR = DEFAULT_CUSTOM_STATUS_COLOR; exports.ColorPresetSelect = ColorPresetSelect; exports.ColorPickerInput = ColorPickerInput; exports.TicketStatusConfigRow = TicketStatusConfigRow; exports.formatTestRunDuration = formatTestRunDuration; exports.TestResultsSkeleton = TestResultsSkeleton; exports.TestResultsTable = TestResultsTable; exports.TestRunErrorBanner = TestRunErrorBanner; exports.TestRunResults = TestRunResults; exports.TimingStat = TimingStat; exports.TestRunStatusStat = TestRunStatusStat; exports.useTestRunState = useTestRunState; exports.TicketAttachmentsList = TicketAttachmentsList; exports.TicketDetailSection = TicketDetailSection; exports.TicketNoteCard = TicketNoteCard; exports.TicketNotesSection = TicketNotesSection; exports.TicketInfoSection = TicketInfoSection; exports.renderTicketStatusOption = renderTicketStatusOption; exports.renderTicketAssigneeOption = renderTicketAssigneeOption; exports.TakeOverTicketModal = TakeOverTicketModal; exports.ReopenTicketModal = ReopenTicketModal; exports.ReopenTicketRequestModal = ReopenTicketRequestModal; exports.FilterPillRow = FilterPillRow;
+//# sourceMappingURL=chunk-HMEEW73F.cjs.map