@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006090649

package/dist/{chunk-S6V7A5FS.cjs → chunk-A5FHI36C.cjs}

@@ -4,14 +4,14 @@
 
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkYZCQPTMIcjs = require('./chunk-YZCQPTMI.cjs');
 
 
-var _chunk3L7KCOGOcjs = require('./chunk-3L7KCOGO.cjs');
+var _chunkMGGGBHYDcjs = require('./chunk-MGGGBHYD.cjs');
 
 
 
-var _chunkIIMICN7Lcjs = require('./chunk-IIMICN7L.cjs');
+var _chunkC3BWIU7Rcjs = require('./chunk-C3BWIU7R.cjs');
 
 
 
@@ -36,14 +36,14 @@ var _chunkN3COXDBHcjs = require('./chunk-N3COXDBH.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 var _chunkMGHIV4L6cjs = require('./chunk-MGHIV4L6.cjs');
 
 
 
-var _chunk2A4XES7Rcjs = require('./chunk-2A4XES7R.cjs');
+var _chunkBM5MVGH3cjs = require('./chunk-BM5MVGH3.cjs');
 
 
 var _chunkDFQYAYBHcjs = require('./chunk-DFQYAYBH.cjs');
@@ -88,7 +88,7 @@ var sourceConfig = {
 };
 var SoftwareSourceBadge = ({ source, className }) => {
   const config = sourceConfig[source] || { label: source, icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkX72J4ACLcjs.PackageIcon, { className: "h-4 w-4" }) };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkIIMICN7Lcjs.cn.call(void 0, "inline-flex items-center gap-2 text-ods-text-primary", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunkC3BWIU7Rcjs.cn.call(void 0, "inline-flex items-center gap-2 text-ods-text-primary", className), children: [
     config.icon,
     config.label
   ] });
@@ -129,8 +129,8 @@ var ToolBadge = ({
   className,
   iconClassName
 }) => {
-  const text = _nullishCoalesce(label, () => ( (toolType ? _chunkMXHJROXJcjs.getToolLabel.call(void 0, toolType) : "")));
-  const mark = _nullishCoalesce(icon, () => ( (toolType ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkIIMICN7Lcjs.ToolIcon, { toolType, className: iconClassName, size: 16 }) : null)));
+  const text = _nullishCoalesce(label, () => ( (toolType ? _chunkYZCQPTMIcjs.getToolLabel.call(void 0, toolType) : "")));
+  const mark = _nullishCoalesce(icon, () => ( (toolType ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC3BWIU7Rcjs.ToolIcon, { toolType, className: iconClassName, size: 16 }) : null)));
   const linked = (node, linkClassName) => href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "a", { href, target: "_blank", rel: "noopener noreferrer", title: text || void 0, className: linkClassName, children: node }) : node;
   if (variant === "chip") {
     return linked(
@@ -163,31 +163,31 @@ var ToolBadge = ({
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkMXHJROXJcjs.ShellTypeValues.POWERSHELL]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkN3COXDBHcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkMXHJROXJcjs.ShellTypeValues.CMD]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.CMD]: {
     icon: _chunkX72J4ACLcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkMXHJROXJcjs.ShellTypeValues.BASH]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.BASH]: {
     icon: _chunkX72J4ACLcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkMXHJROXJcjs.ShellTypeValues.PYTHON]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.PYTHON]: {
     icon: _chunkN3COXDBHcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkMXHJROXJcjs.ShellTypeValues.NUSHELL]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkX72J4ACLcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkMXHJROXJcjs.ShellTypeValues.DENO]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.DENO]: {
     icon: _chunkX72J4ACLcjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkMXHJROXJcjs.ShellTypeValues.SHELL]: {
+  [_chunkYZCQPTMIcjs.ShellTypeValues.SHELL]: {
     icon: _chunkX72J4ACLcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -198,7 +198,7 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkMXHJROXJcjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunkYZCQPTMIcjs.getShellLabel.call(void 0, normalizedType);
   const { icon: IconComponent, props: iconProps } = _nullishCoalesce(shellIconMap[normalizedType], () => ( defaultIconConfig));
   const defaultIconClassName = "className" in iconProps ? iconProps.className : void 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex items-center gap-1", className), children: [
@@ -214,11 +214,11 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkMXHJROXJcjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunkYZCQPTMIcjs.getOSLabel.call(void 0, platform)).join(", ");
 }
 function InfoCell({ label, value, avatar, className }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex min-w-0 items-center gap-2", className), children: [
-    avatar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg", children: avatar.photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGHIV4L6cjs.next_image_default, { src: avatar.photoUrl, alt: avatar.name, className: "object-cover", fill: true, sizes: "32px", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex size-full items-center justify-center text-ods-text-secondary text-h6", children: avatar.initials || _chunkEMCQGFXDcjs.nameInitials.call(void 0, avatar.name) }) }),
+    avatar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "relative size-8 shrink-0 overflow-hidden rounded-full border border-ods-border bg-ods-bg", children: avatar.photoUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGHIV4L6cjs.next_image_default, { src: avatar.photoUrl, alt: avatar.name, className: "object-cover", fill: true, sizes: "32px", unoptimized: true }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex size-full items-center justify-center text-ods-text-secondary text-h6", children: avatar.initials || _chunkMMOODW57cjs.nameInitials.call(void 0, avatar.name) }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-primary text-h4", title: value, children: value }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "truncate text-ods-text-secondary text-h6", children: label })
@@ -234,20 +234,20 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkMXHJROXJcjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunkYZCQPTMIcjs.getShellLabel.call(void 0, shellType);
   const platformsLabel = formatSupportedPlatforms(supportedPlatforms);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "overflow-hidden rounded-[6px] border border-ods-border bg-ods-card", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-4", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-ods-text-primary text-h4", children: headline }),
       subheadline && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "break-words text-ods-text-secondary text-h6", children: subheadline })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 lg:grid-cols-4 lg:border-b-0", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-4 border-b border-ods-border px-4 py-4 content-lg:grid-cols-4 content-lg:border-b-0", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Shell Type", value: shellLabel }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Supported Platforms", value: platformsLabel }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Category", value: category, className: "hidden lg:flex" }),
-      author && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Added by", value: author.name, avatar: author, className: "hidden lg:flex" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Category", value: category, className: "hidden content-lg:flex" }),
+      author && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Added by", value: author.name, avatar: author, className: "hidden content-lg:flex" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-4 px-4 py-4 lg:hidden", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "grid grid-cols-2 gap-4 px-4 py-4 content-lg:hidden", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Category", value: category }),
       author && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoCell, { label: "Added by", value: author.name, avatar: author })
     ] })
@@ -304,9 +304,9 @@ var ScriptArguments = ({
       const showsMask = isStoredSecret && !arg.value;
       return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-end gap-2", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
-          isFirstRow(index) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { spacing: "tight", children: titleLabel }),
+          isFirstRow(index) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { spacing: "tight", children: titleLabel }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2A4XES7Rcjs.Input,
+            _chunkBM5MVGH3cjs.Input,
             {
               value: arg.key,
               onChange: (e) => handleKeyChange(arg.id, e.target.value),
@@ -320,7 +320,7 @@ var ScriptArguments = ({
         ] }),
         /* @__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, "div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2A4XES7Rcjs.Input,
+            _chunkBM5MVGH3cjs.Input,
             {
               type: arg.secret ? "password" : void 0,
               autoComplete: arg.secret ? "new-password" : void 0,
@@ -344,7 +344,7 @@ var ScriptArguments = ({
               onClick: () => handleDelete(arg.id),
               disabled,
               "aria-label": "Delete argument",
-              leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2, { className: "size-4 md:size-6", color: "var(--color-error)" })
+              leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Trash2, { className: "size-4 content-md:size-6", color: "var(--color-error)" })
             }
           )
         ] })
@@ -409,7 +409,7 @@ function OnboardingStepCard({
     onSkip();
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkEMCQGFXDcjs.InteractiveCard,
+    _chunkMMOODW57cjs.InteractiveCard,
     {
       clickable: false,
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
@@ -435,7 +435,7 @@ function OnboardingStepCard({
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[32px] w-[100px] animate-pulse rounded-[6px] bg-ods-border" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[32px] w-[120px] animate-pulse rounded-[6px] bg-ods-border" })
             ] }) : isCompleted ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _chunkDFQYAYBHcjs.Button,
                 {
@@ -446,7 +446,7 @@ function OnboardingStepCard({
                   children: step.completedText
                 }
               )
-            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
             ] })
@@ -481,7 +481,7 @@ function OnboardingWalkthrough({
     isStepSkipped,
     allStepsComplete,
     markMultipleComplete
-  } = _chunk3L7KCOGOcjs.useOnboardingState.call(void 0, storageKey);
+  } = _chunkMGGGBHYDcjs.useOnboardingState.call(void 0, storageKey);
   const hasAutoMarkedRef = _react.useRef.call(void 0, false);
   const autoMarkingInProgressRef = _react.useRef.call(void 0, false);
   const lastCompletionStatusRef = _react.useRef.call(void 0, null);
@@ -563,7 +563,7 @@ function OnboardingWalkthrough({
   const isAllComplete = allStepsComplete(steps);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "w-full space-y-4", className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-start justify-between gap-3 md:flex-row md:items-center md:gap-0", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkEMCQGFXDcjs.SECTION_HEADING_CLASS, children: _chunkEMCQGFXDcjs.accentSentenceMarks.call(void 0, title) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkMMOODW57cjs.SECTION_HEADING_CLASS, children: _chunkMMOODW57cjs.accentSentenceMarks.call(void 0, title) }),
       isLoadingCompletion ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[48px] w-full animate-pulse rounded-[6px] bg-ods-border md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDFQYAYBHcjs.Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, spacing), children: steps.map((step) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-4OGAXAEG.cjs → chunk-ABU3TGXA.cjs}

@@ -2,7 +2,7 @@
 
 
 
-var _chunkMDBHZBW7cjs = require('./chunk-MDBHZBW7.cjs');
+var _chunkRKV5B7EUcjs = require('./chunk-RKV5B7EU.cjs');
 
 // src/utils/search-params.ts
 function positiveInt(raw, fallback, { min = 1, max } = {}) {
@@ -122,9 +122,9 @@ function withQuery(path, queryString) {
 
 // src/utils/embed-content-fetch.ts
 var contentFetch = (input, init) => {
-  if (!_chunkMDBHZBW7cjs.hasEmbedAuthAdapter.call(void 0, )) return fetch(input, init);
+  if (!_chunkRKV5B7EUcjs.hasEmbedAuthAdapter.call(void 0, )) return fetch(input, init);
   const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
-  return _chunkMDBHZBW7cjs.embedAuthedFetch.call(void 0, url, init);
+  return _chunkRKV5B7EUcjs.embedAuthedFetch.call(void 0, url, init);
 };
 
 

package/dist/{chunk-BSEIEWM5.cjs → chunk-BCQLAF5R.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkYZCQPTMIcjs = require('./chunk-YZCQPTMI.cjs');
 
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 var _chunkMGHIV4L6cjs = require('./chunk-MGHIV4L6.cjs');
@@ -27,8 +27,8 @@ function DetailPageSkeleton({
   showImageGallery = true,
   bare = false
 } = {}) {
-  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "animate-pulse space-y-6 md:space-y-10", children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-full max-w-3xl rounded bg-ods-card md:h-20" }) }),
+  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "animate-pulse space-y-6 content-md:space-y-10", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-16 w-full max-w-3xl rounded bg-ods-card content-md:h-20" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-wrap gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-32 rounded bg-ods-card" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-8 w-28 rounded bg-ods-card" }),
@@ -37,11 +37,18 @@ function DetailPageSkeleton({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: `grid grid-cols-1 md:grid-cols-${metadataColumns} w-full overflow-hidden rounded-md border border-ods-border`,
-        children: Array.from({ length: metadataColumns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "border-b border-ods-border bg-ods-card p-4 last:border-r-0 md:border-b-0 md:border-r", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-6 w-24 rounded bg-ods-border" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-border" })
-        ] }, i))
+        className: `grid grid-cols-1 content-md:grid-cols-${metadataColumns} w-full overflow-hidden rounded-md border border-ods-border`,
+        children: Array.from({ length: metadataColumns }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            className: "border-b border-ods-border bg-ods-card p-4 last:border-r-0 content-md:border-b-0 content-md:border-r",
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-2 h-6 w-24 rounded bg-ods-border" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-5 w-20 rounded bg-ods-border" })
+            ]
+          },
+          i
+        ))
       }
     ),
     showImageGallery && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full gap-6 overflow-x-auto", children: [1, 2, 3, 4, 5].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[200px] w-[240px] shrink-0 rounded-md border border-ods-border bg-ods-card" }, i)) }),
@@ -56,14 +63,21 @@ function DetailPageSkeleton({
     ] }, section))
   ] });
   if (bare) return content;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.PageLayout, { showHeader: false, className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 md:px-20 md:py-10", children: content });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkYZCQPTMIcjs.PageLayout,
+    {
+      showHeader: false,
+      className: "mx-auto max-w-[1280px] bg-ods-bg px-6 py-6 content-md:px-20 content-md:py-10",
+      children: content
+    }
+  );
 }
 
 // src/components/shared/article-author-byline.tsx
 var _lucidereact = require('lucide-react');
 
 function formatDate(value) {
-  return _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, value, null, "long");
+  return _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, value, null, "long");
 }
 function ArticleAuthorByline({
   author,
@@ -79,7 +93,7 @@ function ArticleAuthorByline({
 }) {
   const runtime = _chunkUJ7AXHRZcjs.useChatRuntime.call(void 0, );
   if (!author) return null;
-  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkEMCQGFXDcjs.getProxiedImageUrl.call(void 0, avatar, {
+  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkMMOODW57cjs.getProxiedImageUrl.call(void 0, avatar, {
     proxyPrefix: _optionalChain([runtime, 'optionalAccess', _2 => _2.endpoints, 'access', _3 => _3.imageProxyUrlPrefix]),
     skipDomains: _optionalChain([runtime, 'optionalAccess', _4 => _4.endpoints, 'access', _5 => _5.imageProxySkipDomains]),
     directHttps: true
@@ -87,14 +101,14 @@ function ArticleAuthorByline({
   const avatarSizeClass = size === "lg" ? "w-16 h-16" : "w-14 h-14";
   const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
   const avatarDim = size === "lg" ? 64 : 56;
-  const formattedBio = _chunkEMCQGFXDcjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const formattedBio = _chunkMMOODW57cjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
   const dateLabel = publishedAt ? formatDate(publishedAt) : "";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
       className: _chunk3ATAYP36cjs.cn.call(void 0, 
         "rounded-lg border border-ods-border bg-ods-card p-6",
-        "flex flex-col items-start gap-4 md:flex-row",
+        "flex flex-col items-start gap-4 content-md:flex-row",
         className
       ),
       children: [

package/dist/{chunk-RLDAYA2A.cjs → chunk-BEG7K2ZX.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
 
 
-var _chunkHUOLB7ZNcjs = require('./chunk-HUOLB7ZN.cjs');
+var _chunkOHFS7VOUcjs = require('./chunk-OHFS7VOU.cjs');
 
 
 
@@ -10,7 +10,7 @@ var _chunkHUOLB7ZNcjs = require('./chunk-HUOLB7ZN.cjs');
 
 
 
-var _chunkMXHJROXJcjs = require('./chunk-MXHJROXJ.cjs');
+var _chunkYZCQPTMIcjs = require('./chunk-YZCQPTMI.cjs');
 
 
 
@@ -20,7 +20,7 @@ var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('./chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('./chunk-MMOODW57.cjs');
 
 
 var _chunkLLRGR4I5cjs = require('./chunk-LLRGR4I5.cjs');
@@ -33,7 +33,7 @@ var _jsxruntime = require('react/jsx-runtime');
 function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   if (isFiltered) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUOLB7ZNcjs.EmptyState,
+      _chunkOHFS7VOUcjs.EmptyState,
       {
         type: "search",
         title: filtered.title,
@@ -46,7 +46,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
   }
   const hasCta = Boolean(empty.ctaText && (empty.onCtaClick || empty.ctaHref));
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkHUOLB7ZNcjs.EmptyState,
+    _chunkOHFS7VOUcjs.EmptyState,
     {
       type: "generic",
       title: empty.title,
@@ -63,7 +63,7 @@ function ListEmptyState({ isFiltered, filtered, onClearFilters, empty }) {
 var _react = require('react');
 
 function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }) {
-  const section = _chunkMXHJROXJcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkYZCQPTMIcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
   const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
   const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
@@ -107,14 +107,14 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         _nullishCoalesce(hero.title, () => ( section.hero.title))
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "max-w-3xl text-ods-text-secondary text-h4", children: hero.description })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary md:text-[40px] md:leading-[48px] md:tracking-[-0.8px] lg:text-[48px] lg:leading-[56px] lg:tracking-[-0.96px]", children: [
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full items-center justify-between", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "h2", { className: "font-['Azeret_Mono'] text-[32px] font-semibold leading-[40px] tracking-[-0.64px] text-ods-text-primary content-md:text-[40px] content-md:leading-[48px] content-md:tracking-[-0.8px] content-lg:text-[48px] content-lg:leading-[56px] content-lg:tracking-[-0.96px]", children: [
       section.hero.title,
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-accent", children: ":" })
     ] }) })),
     preControls,
     (search || filter) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-4", children: [
       search && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMXHJROXJcjs.SearchInput,
+        _chunkYZCQPTMIcjs.SearchInput,
         {
           showDropdown: false,
           placeholder: search.placeholder,
@@ -124,7 +124,7 @@ function DevSectionView({ sectionKey, hero, preControls, children, showHeading =
         }
       ),
       filter && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMXHJROXJcjs.StatusFilterComponent,
+        _chunkYZCQPTMIcjs.StatusFilterComponent,
         {
           selectedStatus: currentFilterValue,
           onStatusChange: handleFilterChange,
@@ -148,7 +148,7 @@ function DevSectionPage({
   shell = true
 }) {
   const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
-  const section = _chunkMXHJROXJcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
+  const section = _chunkYZCQPTMIcjs.OPENFRAME_DEV_SECTIONS[sectionKey];
   const backCfg = backButton === false ? void 0 : {
     label: _nullishCoalesce((backButton ? backButton.label : void 0), () => ( "Back to home")),
     onClick: () => router.push(_nullishCoalesce((backButton ? backButton.href : void 0), () => ( "/")))
@@ -161,7 +161,7 @@ function DevSectionPage({
     // duplicate title. (The hero icon is intentionally dropped: TitleBlock is
     // frozen and renders title-only.)
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMXHJROXJcjs.PageLayout,
+      _chunkYZCQPTMIcjs.PageLayout,
       {
         title: _nullishCoalesce(title, () => ( section.hero.title)),
         subtitle: _nullishCoalesce(subtitle, () => ( section.hero.description)),
@@ -172,7 +172,7 @@ function DevSectionPage({
       }
     )
   );
-  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
+  return shell ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYZCQPTMIcjs.PageShell, { children: inner }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "page-shell-content", children: inner });
 }
 
 // src/components/shared/dev-section/dev-card-row.tsx
@@ -184,9 +184,9 @@ function DevCardRowContent({
   emptyDescription = "No description provided",
   rightBadges
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: title }) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: title }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", children: subtitle }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: description || emptyDescription }) })
     ] }),
@@ -194,8 +194,8 @@ function DevCardRowContent({
   ] });
 }
 function DevCardRowSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "border-b border-ods-border p-[12px] last:border-b-0 content-md:p-[16px]", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-full animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-[20px] w-1/2 animate-pulse rounded bg-ods-border" }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 space-y-1", children: [
@@ -230,21 +230,21 @@ function getRelativeTime(timestamp) {
 }
 function DeliveryRow({ item, href, target, caption, id, className }) {
   const taskType = item.taskType;
-  const typeBadgeLabel = _chunkMXHJROXJcjs.TASK_TYPE_LABELS[taskType] || "TASK";
-  const typeBadgeTextColor = _chunkMXHJROXJcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
-  const statusBadgeScheme = _chunkEMCQGFXDcjs.getStatusColorScheme.call(void 0, item.status);
+  const typeBadgeLabel = _chunkYZCQPTMIcjs.TASK_TYPE_LABELS[taskType] || "TASK";
+  const typeBadgeTextColor = _chunkYZCQPTMIcjs.TASK_TYPE_TEXT_COLORS[taskType] || "";
+  const statusBadgeScheme = _chunkMMOODW57cjs.getStatusColorScheme.call(void 0, item.status);
   const relativeTime = getRelativeTime(item.dateUpdated);
   const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(", ")}` : ""}, ${item.id}`;
-  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] md:flex-row md:gap-[16px]", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] md:w-auto md:gap-[16px]", children: [
+  const inner = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-col items-start justify-between gap-[12px] content-md:flex-row content-md:gap-[16px]", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full min-w-0 flex-1 flex-col gap-[12px] content-md:w-auto content-md:gap-[16px]", children: [
       caption && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: caption }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center md:min-h-[24px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 md:truncate", children: item.title }) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[24px] items-center content-md:min-h-[24px]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "line-clamp-2 flex-1 break-words tracking-[-0.36px] text-ods-text-primary text-h3 content-md:truncate", children: item.title }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[20px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate uppercase tracking-[-0.28px] text-ods-text-secondary text-h5", suppressHydrationWarning: true, children: subtitle }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-[72px] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "line-clamp-3 break-words text-ods-text-secondary text-h4", children: item.description || "No description provided" }) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch md:w-auto md:flex-col md:items-end md:self-start", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full flex-shrink-0 flex-row items-center gap-2 self-stretch content-md:w-auto content-md:flex-col content-md:items-end content-md:self-start", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.StatusBadge,
+        _chunkMMOODW57cjs.StatusBadge,
         {
           text: item.status.toUpperCase(),
           colorScheme: statusBadgeScheme,
@@ -253,7 +253,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.StatusBadge,
+        _chunkMMOODW57cjs.StatusBadge,
         {
           text: typeBadgeLabel,
           variant: "card",
@@ -261,10 +261,10 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
         }
       ),
       item.assignees && item.assignees.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEMCQGFXDcjs.AvatarStack,
+        _chunkMMOODW57cjs.AvatarStack,
         {
           size: "xs",
-          className: "ml-auto md:ml-0",
+          className: "ml-auto content-md:ml-0",
           people: item.assignees.map((a) => ({
             key: a.id,
             name: _nullishCoalesce(a.name, () => ( "Unknown")),
@@ -275,7 +275,7 @@ function DeliveryRow({ item, href, target, caption, id, className }) {
     ] })
   ] });
   const baseClass = _chunk3ATAYP36cjs.cn.call(void 0, 
-    "block p-[12px] text-inherit no-underline transition-colors duration-150 md:p-[16px]",
+    "block p-[12px] text-inherit no-underline transition-colors duration-150 content-md:p-[16px]",
     // `scroll-mt-24` is paid for whether `id` is set or not (it's a
     // single Tailwind utility, no runtime cost). Keeping it
     // unconditional means a future caller adding `id` doesn't also

package/dist/{chunk-BRXOGCH3.cjs → chunk-BIZNSF3U.cjs}

@@ -96,7 +96,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
         onClick: () => onPageChange(currentPage - 1),
         disabled: currentPage === 1,
         "aria-label": "Go to previous page",
-        className: "!h-10 !w-10 md:!h-10 md:!w-10",
+        className: "!h-10 !w-10 content-md:!h-10 content-md:!w-10",
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronLeft, { className: "h-4 w-4" })
       }
     ) }),
@@ -113,7 +113,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
           variant: currentPage === page ? "accent" : "outline",
           size: "icon",
           onClick: () => onPageChange(page),
-          className: "!h-9 !w-9 md:!h-9 md:!w-9",
+          className: "!h-9 !w-9 content-md:!h-9 content-md:!w-9",
           "aria-label": `Page ${page}`,
           "aria-current": currentPage === page ? "page" : void 0,
           children: page
@@ -128,7 +128,7 @@ var Pagination = ({ currentPage, totalPages, onPageChange, className }) => {
         onClick: () => onPageChange(currentPage + 1),
         disabled: currentPage === totalPages,
         "aria-label": "Go to next page",
-        className: "!h-10 !w-10 md:!h-10 md:!w-10",
+        className: "!h-10 !w-10 content-md:!h-10 content-md:!w-10",
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Next page" })

package/dist/{chunk-2A4XES7R.cjs → chunk-BM5MVGH3.cjs}

@@ -411,9 +411,9 @@ var SkeletonGrid = _react.forwardRef.call(void 0,
         ref,
         className: _chunk3ATAYP36cjs.cn.call(void 0, 
           `grid grid-cols-1 gap-6`,
-          columns === 2 && "md:grid-cols-2",
-          columns === 3 && "md:grid-cols-3",
-          columns === 4 && "md:grid-cols-4",
+          columns === 2 && "content-md:grid-cols-2",
+          columns === 3 && "content-md:grid-cols-3",
+          columns === 4 && "content-md:grid-cols-4",
           className
         ),
         ...props,