@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/{chunk-L2V7K7RR.cjs → chunk-X7ECVSVN.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkXCH7SPGIcjs = require('./chunk-XCH7SPGI.cjs');
+var _chunkXVFM6SJAcjs = require('./chunk-XVFM6SJA.cjs');
 
 
 
 
-var _chunkT5FRANE6cjs = require('./chunk-T5FRANE6.cjs');
+var _chunk7VI7TOGIcjs = require('./chunk-7VI7TOGI.cjs');
 
 
 var _chunkSXGDKNVEcjs = require('./chunk-SXGDKNVE.cjs');
@@ -45,28 +45,30 @@ var _chunkUXUYT4WKcjs = require('./chunk-UXUYT4WK.cjs');
 var _chunk5OG5ZTNMcjs = require('./chunk-5OG5ZTNM.cjs');
 
 
+var _chunkFZB4RMRKcjs = require('./chunk-FZB4RMRK.cjs');
 
 
 
-var _chunk22XAPV6Ncjs = require('./chunk-22XAPV6N.cjs');
 
+var _chunkDGNBXZXTcjs = require('./chunk-DGNBXZXT.cjs');
 
-var _chunkEQZXJUYVcjs = require('./chunk-EQZXJUYV.cjs');
 
+var _chunkJTSUAHDLcjs = require('./chunk-JTSUAHDL.cjs');
 
-var _chunkHOTM4UM6cjs = require('./chunk-HOTM4UM6.cjs');
 
+var _chunkE76ONBKFcjs = require('./chunk-E76ONBKF.cjs');
 
-var _chunk2QMBXGMQcjs = require('./chunk-2QMBXGMQ.cjs');
 
+var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
 
-var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
+
+var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
 
 
-var _chunkH3RYUTNDcjs = require('./chunk-H3RYUTND.cjs');
+var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
 
 
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
 
 // src/types/announcement.ts
 var ANNOUNCEMENT_SURFACES = ["web", "desktop", "mobile"];
@@ -93,7 +95,7 @@ var AVAILABLE_SVG_ICONS = [
 // src/components/platform/SoftwareInfo.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var SoftwareInfo = ({ name, vendor, version, className }) => {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col gap-1", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col gap-1", className), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "text-ods-text-primary text-h4", children: name }),
       version && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rounded bg-ods-bg-surface px-2 py-1 text-ods-text-secondary text-h6", children: version })
@@ -127,7 +129,7 @@ var sourceConfig = {
 };
 var SoftwareSourceBadge = ({ source, className }) => {
   const config = sourceConfig[source] || { label: source, icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHLNYSJLKcjs.PackageClassicIcon, { className: "h-4 w-4" }) };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: _chunk3ATAYP36cjs.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: _chunk65VVJSQZcjs.cn.call(void 0, "inline-flex items-center gap-2 text-ods-text-primary", className), children: [
     config.icon,
     config.label
   ] });
@@ -144,7 +146,7 @@ var CveLink = ({ cveId, className }) => {
       href: nistUrl,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "group inline-flex items-center gap-2 text-ods-text-primary transition-colors text-code hover:text-ods-accent",
         className
       ),
@@ -166,31 +168,31 @@ CveLink.displayName = "CveLink";
 // src/components/platform/ShellTypeBadge.tsx
 
 var shellIconMap = {
-  [_chunkT5FRANE6cjs.ShellTypeValues.POWERSHELL]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.POWERSHELL]: {
     icon: _chunkMCQY746Mcjs.PowershellLogoGreyIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkT5FRANE6cjs.ShellTypeValues.CMD]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.CMD]: {
     icon: _chunkUXUYT4WKcjs.CmdIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkT5FRANE6cjs.ShellTypeValues.BASH]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.BASH]: {
     icon: _chunk5OG5ZTNMcjs.BashIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkT5FRANE6cjs.ShellTypeValues.PYTHON]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.PYTHON]: {
     icon: _chunkBF77UKGDcjs.PythonLogoIcon,
     props: { size: 16, className: "text-ods-text-secondary" }
   },
-  [_chunkT5FRANE6cjs.ShellTypeValues.NUSHELL]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.NUSHELL]: {
     icon: _chunkG37H4CBTcjs.NushellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkT5FRANE6cjs.ShellTypeValues.DENO]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.DENO]: {
     icon: _chunkHUL6SF5Acjs.DenoIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   },
-  [_chunkT5FRANE6cjs.ShellTypeValues.SHELL]: {
+  [_chunk7VI7TOGIcjs.ShellTypeValues.SHELL]: {
     icon: _chunk6RMATQNNcjs.ShellIcon,
     props: { size: 16, color: "var(--color-text-secondary)" }
   }
@@ -201,11 +203,11 @@ var defaultIconConfig = {
 };
 var ShellTypeBadge = ({ shellType, className, iconClassName }) => {
   const normalizedType = _optionalChain([shellType, 'optionalAccess', _ => _.toUpperCase, 'call', _2 => _2()]);
-  const label = _chunkT5FRANE6cjs.getShellLabel.call(void 0, normalizedType);
+  const label = _chunk7VI7TOGIcjs.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: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { size: 16, className: _chunk3ATAYP36cjs.cn.call(void 0, defaultIconClassName, iconClassName) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex items-center gap-1", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconComponent, { size: 16, className: _chunk65VVJSQZcjs.cn.call(void 0, defaultIconClassName, iconClassName) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-ods-text-primary text-h4", children: label })
   ] });
 };
@@ -217,11 +219,11 @@ function formatSupportedPlatforms(platforms) {
   if (!platforms || platforms.length === 0) {
     return "All Platforms";
   }
-  return platforms.map((platform) => _chunkT5FRANE6cjs.getOSLabel.call(void 0, platform)).join(", ");
+  return platforms.map((platform) => _chunk7VI7TOGIcjs.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, _chunkHOTM4UM6cjs.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 || _chunkEQZXJUYVcjs.nameInitials.call(void 0, avatar.name) }) }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.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, _chunkE76ONBKFcjs.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 || _chunkJTSUAHDLcjs.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 })
@@ -237,9 +239,9 @@ var ScriptInfoSection = ({
   author,
   className
 }) => {
-  const shellLabel = _chunkT5FRANE6cjs.getShellLabel.call(void 0, shellType);
+  const shellLabel = _chunk7VI7TOGIcjs.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: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.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 })
@@ -285,10 +287,10 @@ function OnboardingStepCard({
     onSkip();
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunk22XAPV6Ncjs.InteractiveCard,
+    _chunkFZB4RMRKcjs.InteractiveCard,
     {
       clickable: false,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "rounded-[6px] border border-ods-border bg-ods-card",
         "flex flex-col md:flex-row",
         "min-h-[80px] md:h-[80px]",
@@ -308,12 +310,12 @@ function OnboardingStepCard({
             className: "flex w-full shrink-0 items-center justify-start gap-2 md:w-auto md:justify-end",
             onClick: (e) => e.stopPropagation(),
             children: isCheckingCompletion ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded-[6px]" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded-[6px]" })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-[32px] w-[100px] rounded-[6px]" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-[32px] w-[120px] rounded-[6px]" })
             ] }) : isCompleted ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.StatusBadge, { text: "COMPLETED", variant: "card", colorScheme: "success" }),
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk2QMBXGMQcjs.Button,
+                _chunkTF5D5MNOcjs.Button,
                 {
                   variant: "outline",
                   onClick: handleAction,
@@ -322,9 +324,9 @@ function OnboardingStepCard({
                   children: step.completedText
                 }
               )
-            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk22XAPV6Ncjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
+            ] }) : isSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDGNBXZXTcjs.StatusBadge, { text: "SKIPPED", variant: "card", colorScheme: "default" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", onClick: handleSkip, children: "Skip Step" }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", onClick: handleAction, disabled: isProcessing, leftIcon: step.actionIcon("black"), children: step.actionText })
             ] })
           }
         )
@@ -357,7 +359,7 @@ function OnboardingWalkthrough({
     isStepSkipped,
     allStepsComplete,
     markMultipleComplete
-  } = _chunkXCH7SPGIcjs.useOnboardingState.call(void 0, storageKey);
+  } = _chunkXVFM6SJAcjs.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);
@@ -437,12 +439,12 @@ function OnboardingWalkthrough({
     return renderDismissed ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: renderDismissed(resetOnboarding) }) : null;
   }
   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: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.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: _chunk22XAPV6Ncjs.SECTION_HEADING_CLASS, children: _chunk22XAPV6Ncjs.accentSentenceMarks.call(void 0, title) }),
-      isLoadingCompletion ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-[48px] w-full rounded-[6px] md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "outline", onClick: handleDismiss, className: "w-full md:w-auto", children: "Skip Onboarding" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: _chunkDGNBXZXTcjs.SECTION_HEADING_CLASS, children: _chunkDGNBXZXTcjs.accentSentenceMarks.call(void 0, title) }),
+      isLoadingCompletion ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-[48px] w-full rounded-[6px] md:w-[160px]" }) : isAllComplete ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", onClick: handleDismiss, className: "w-full md:w-auto", children: "Close Onboarding" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.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, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, spacing), children: steps.map((step) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       OnboardingStepCard,
       {
         step,

package/dist/chunk-XFRBEXQN.cjs

@@ -0,0 +1,304 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+
+
+
+var _chunk65VVJSQZcjs = require('./chunk-65VVJSQZ.cjs');
+
+// src/components/ui/input-styles.ts
+var INPUT_HEIGHT_CLASS = "h-11 md:h-12";
+var INPUT_RADIUS_CLASS = "rounded-[6px]";
+
+// src/components/ui/loading-scope.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+var LoadingScopeContext = _react.createContext.call(void 0, false);
+function LoadingScope({
+  children,
+  className,
+  bare = false,
+  active
+}) {
+  const outer = _react.useContext.call(void 0, LoadingScopeContext);
+  const on = outer || (_nullishCoalesce(active, () => ( true)));
+  if (bare) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingScopeContext.Provider, { value: on, children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingScopeContext.Provider, { value: on, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      "aria-hidden": on || void 0,
+      inert: on || void 0,
+      className: _chunk65VVJSQZcjs.cn.call(void 0, on && "pointer-events-none select-none", className),
+      children
+    }
+  ) });
+}
+function useLoadingScope() {
+  return _react.useContext.call(void 0, LoadingScopeContext);
+}
+
+// src/styles/component-sizes.ts
+var TEXT_LINES_MIN = {
+  1: "min-h-[1lh]",
+  2: "min-h-[2lh]",
+  3: "min-h-[3lh]"
+};
+var TEXT_LINES_HEIGHT = {
+  1: "h-[1lh]",
+  2: "h-[2lh]",
+  3: "h-[3lh]",
+  4: "h-[4lh]",
+  5: "h-[5lh]",
+  6: "h-[6lh]"
+};
+var MEDIA_ASPECT = {
+  og: "aspect-[1200/630]",
+  video: "aspect-video",
+  square: "aspect-square",
+  photo: "aspect-[3/2]"
+};
+var AVATAR_SIZE = {
+  xs: "h-6 w-6",
+  sm: "h-8 w-8",
+  md: "h-10 w-10",
+  lg: "h-12 w-12",
+  byline: "h-14 w-14",
+  xl: "h-16 w-16",
+  profile: "h-24 w-24"
+};
+var AVATAR_SIZE_PX = {
+  xs: 24,
+  sm: 32,
+  md: 40,
+  lg: 48,
+  byline: 56,
+  xl: 64,
+  profile: 96
+};
+var ICON_SIZE = {
+  xs: "size-3",
+  sm: "size-4",
+  md: "size-5",
+  lg: "size-6",
+  step: "size-5 md:size-6"
+};
+var DOT_SIZE = {
+  sm: "size-2",
+  md: "size-3"
+};
+var TILE_SIZE = {
+  sm: "size-8",
+  md: "size-9",
+  lg: "size-10",
+  xl: "size-12",
+  thumb: "size-14",
+  feature: "size-16",
+  entity: "size-[52px] content-md:size-[60px]",
+  touch: "size-11 md:size-12",
+  qr: "size-36"
+};
+var CONTROL_SIZE = {
+  checkbox: "size-4",
+  selection: "size-6",
+  /** A textarea's least height: four rows of its `text-h4` (one row of it is the vertical padding). */
+  textarea: "min-h-[96px]"
+};
+
+// src/components/ui/skeleton-surface.ts
+var SKELETON_SURFACE_MARKER = "ods-skeleton";
+var SKELETON_SURFACE_CLASS = "ods-skeleton animate-pulse motion-reduce:animate-none bg-ods-skeleton [&_.ods-skeleton]:animate-none";
+var LIVE_PULSE_CLASS = "animate-pulse motion-reduce:animate-none";
+
+// src/components/loading/unified-skeleton.tsx
+
+function UnifiedSkeleton({
+  className,
+  variant = "default",
+  width,
+  height,
+  animate = true,
+  "aria-label": ariaLabel,
+  as: Tag = "div",
+  ...props
+}) {
+  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 sizedByAspect = /(?:^|\s)aspect-/.test(_nullishCoalesce(className, () => ( "")));
+  const setsDisplay = /(?:^|\s)(?:inline-block|inline-flex|inline-grid|inline|block|flex|grid|contents|hidden)(?=\s|$)/.test(
+    _nullishCoalesce(className, () => ( ""))
+  );
+  const style = {
+    ...props.style,
+    ...width !== void 0 && { width },
+    ...height !== void 0 && { height }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Tag,
+    {
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
+        // An inline span ignores width and height: without a display of its own the bar draws at 0×0.
+        Tag === "span" && !setsDisplay && "inline-block max-w-full align-middle",
+        animate ? SKELETON_SURFACE_CLASS : "bg-ods-skeleton",
+        variantClasses[variant],
+        !height && !style.height && !sizedByAspect && defaultHeights[variant],
+        !width && !style.width && variant !== "circular" && "w-full",
+        className
+      ),
+      ...ariaLabel ? { role: "status", "aria-label": ariaLabel } : { "aria-hidden": true },
+      ...props,
+      style
+    }
+  );
+}
+var TEXT_LINE_TYPE = {
+  h1: "text-h1",
+  h2: "text-h2",
+  h3: "text-h3",
+  h4: "text-h4",
+  h5: "text-h5",
+  h6: "text-h6",
+  code: "text-code",
+  inherit: ""
+};
+function TextLineSkeleton({ type, lines = 1, as = "div", width, className }) {
+  const Tag = as;
+  const heightClass = TEXT_LINES_HEIGHT[lines];
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Tag,
+    {
+      "aria-hidden": "true",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", TEXT_LINE_TYPE[type], heightClass, className),
+      style: heightClass && width === void 0 ? void 0 : { height: heightClass ? void 0 : `${lines}lh`, width },
+      children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tag, { className: "flex h-[1lh] items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        UnifiedSkeleton,
+        {
+          as,
+          className: _chunk65VVJSQZcjs.cn.call(void 0, "block h-[0.7lh] rounded", lines > 1 && index === lines - 1 ? "w-3/5" : "w-full")
+        }
+      ) }, index))
+    }
+  );
+}
+var TextSkeleton = {
+  /**
+   * Large heading skeleton (h1, h2)
+   */
+  Heading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-8 content-md:h-10 content-lg:h-12", className), ...props }),
+  /**
+   * Medium heading skeleton (h3, h4)
+   */
+  Subheading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-6 content-md:h-7 content-lg:h-8", className), ...props }),
+  /**
+   * Body text skeleton
+   */
+  Body: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-4 content-md:h-5", className), ...props }),
+  /**
+   * Small text skeleton (captions, metadata)
+   */
+  Caption: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-3 content-md:h-4", className), ...props })
+};
+var BUTTON_SKELETON_LABEL_WIDTH_CLASS = "w-24";
+var InteractiveSkeleton = {
+  /**
+   * A button while its label is read (or a whole button row in a skeleton): the box is that Button size's own
+   * classes (`BUTTON_SIZE_CLASS`, the same map `buttonVariants` reads: height and padding per breakpoint; the
+   * `default` size when none is given, as `Button`'s own default) and a width standing for the label (`className`
+   * overrides it); icon sizes carry their own width.
+   */
+  Button: ({
+    className,
+    size = "default",
+    ...props
+  }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, _chunk65VVJSQZcjs.BUTTON_SIZE_CLASS[size], !size.startsWith("icon") && BUTTON_SKELETON_LABEL_WIDTH_CLASS, className),
+      ...props
+    }
+  ),
+  /**
+   * Input field skeleton
+   */
+  Input: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    UnifiedSkeleton,
+    {
+      variant: "default",
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "w-full", INPUT_HEIGHT_CLASS, INPUT_RADIUS_CLASS, className),
+      ...props
+    }
+  ),
+  /**
+   * Filter chip skeleton
+   */
+  Chip: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk65VVJSQZcjs.cn.call(void 0, "h-8 w-20 rounded-full", className), ...props })
+};
+var MediaSkeleton = {
+  /**
+   * Avatar/profile image skeleton
+   */
+  Avatar: ({
+    size = "md",
+    className,
+    ...props
+  }) => {
+    const sizeClasses = {
+      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: _chunk65VVJSQZcjs.cn.call(void 0, sizeClasses[size], className), ...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: _chunk65VVJSQZcjs.cn.call(void 0, "aspect-[1200/630] w-full", className), ...props }),
+  /**
+   * Icon skeleton
+   */
+  Icon: ({
+    size = "md",
+    className,
+    ...props
+  }) => {
+    const sizeClasses = {
+      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: _chunk65VVJSQZcjs.cn.call(void 0, sizeClasses[size], className), ...props });
+  }
+};
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.INPUT_HEIGHT_CLASS = INPUT_HEIGHT_CLASS; exports.INPUT_RADIUS_CLASS = INPUT_RADIUS_CLASS; exports.LoadingScope = LoadingScope; exports.useLoadingScope = useLoadingScope; exports.TEXT_LINES_MIN = TEXT_LINES_MIN; exports.TEXT_LINES_HEIGHT = TEXT_LINES_HEIGHT; exports.MEDIA_ASPECT = MEDIA_ASPECT; exports.AVATAR_SIZE = AVATAR_SIZE; exports.AVATAR_SIZE_PX = AVATAR_SIZE_PX; exports.ICON_SIZE = ICON_SIZE; exports.DOT_SIZE = DOT_SIZE; exports.TILE_SIZE = TILE_SIZE; exports.CONTROL_SIZE = CONTROL_SIZE; exports.SKELETON_SURFACE_MARKER = SKELETON_SURFACE_MARKER; exports.SKELETON_SURFACE_CLASS = SKELETON_SURFACE_CLASS; exports.LIVE_PULSE_CLASS = LIVE_PULSE_CLASS; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextLineSkeleton = TextLineSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton;