@flamingo-stack/openframe-frontend-core 0.0.314 → 0.0.315-snapshot.20260624135932

package/dist/{chunk-NH2RY6VM.js → chunk-2Y4DLBFO.js}

@@ -25,92 +25,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-E4CQ4RUG.js";
-import {
-  useChatRuntime,
-  useRequiredChatRuntime
-} from "./chunk-2FI3USTC.js";
-import {
-  dynamic
-} from "./chunk-EL5YVPD5.js";
-import {
-  init_next_navigation,
-  usePathname,
-  useRouter,
-  useSearchParams
-} from "./chunk-PLJLE4A4.js";
-import {
-  next_image_default
-} from "./chunk-LXC6P2EO.js";
-import {
-  Button,
-  Checkbox,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-  FieldWrapper,
-  Input,
-  PortalContainerContext,
-  Skeleton,
-  SplitButton,
-  buttonVariants,
-  init_button,
-  init_button2,
-  init_split_button,
-  usePortalContainer
-} from "./chunk-JALO4TAZ.js";
-import {
-  init_next_link,
-  next_link_default
-} from "./chunk-OHPI2HRK.js";
-import {
-  BashIcon,
-  ClickUpIcon,
-  CmdIcon,
-  CustomExternalLinkIcon,
-  DenoIcon,
-  ErrorIcon,
-  EyeIcon as EyeIcon2,
-  FacebookIcon,
-  FigmaIcon as FigmaIcon2,
-  GitHubIcon,
-  GoogleLogo,
-  GridViewIcon,
-  HubspotIcon,
-  ImageIcon,
-  InstagramIcon,
-  LinkedInIcon,
-  LinuxIcon,
-  LogOutIcon,
-  MacOSIcon,
-  MiamiCyberGangLogoFaceOnly,
-  MicrosoftIcon,
-  MingoIcon,
-  NushellIcon,
-  OpenFrameLogo,
-  OpenFrameText,
-  PackageIcon,
-  RedditIcon,
-  ShapeCircleDashIcon,
-  ShellIcon,
-  SlackIcon,
-  SparklesIcon,
-  TableViewIcon,
-  ThumbsDownIcon,
-  ThumbsUpIcon,
-  UserIcon as UserIcon2,
-  WhatsAppIcon,
-  WindowsIcon,
-  XLogo,
-  YouTubeIcon
-} from "./chunk-V4IIBNTA.js";
-import {
-  cn,
-  getBaseUrl,
-  init_cn,
-  init_platform_domains
-} from "./chunk-XTCBRQN2.js";
+} from "./chunk-Q4AMYLKX.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -223,14 +138,99 @@ import {
   XmarkIcon,
   icons_v2_generated_exports
 } from "./chunk-J7AV6H63.js";
+import {
+  useChatRuntime,
+  useRequiredChatRuntime
+} from "./chunk-2FI3USTC.js";
+import {
+  dynamic
+} from "./chunk-EL5YVPD5.js";
+import {
+  init_next_navigation,
+  usePathname,
+  useRouter,
+  useSearchParams
+} from "./chunk-PLJLE4A4.js";
+import {
+  next_image_default
+} from "./chunk-LXC6P2EO.js";
+import {
+  Button,
+  Checkbox,
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+  FieldWrapper,
+  Input,
+  PortalContainerContext,
+  Skeleton,
+  SplitButton,
+  buttonVariants,
+  init_button,
+  init_button2,
+  init_split_button,
+  usePortalContainer
+} from "./chunk-AI5X5JTD.js";
 import {
   CheckboxCheckmarkIcon,
   SearchIcon
 } from "./chunk-6U3IUD57.js";
+import {
+  init_next_link,
+  next_link_default
+} from "./chunk-OHPI2HRK.js";
+import {
+  BashIcon,
+  ClickUpIcon,
+  CmdIcon,
+  CustomExternalLinkIcon,
+  DenoIcon,
+  ErrorIcon,
+  EyeIcon as EyeIcon2,
+  FacebookIcon,
+  FigmaIcon as FigmaIcon2,
+  GitHubIcon,
+  GoogleLogo,
+  GridViewIcon,
+  HubspotIcon,
+  ImageIcon,
+  InstagramIcon,
+  LinkedInIcon,
+  LinuxIcon,
+  LogOutIcon,
+  MacOSIcon,
+  MiamiCyberGangLogoFaceOnly,
+  MicrosoftIcon,
+  MingoIcon,
+  NushellIcon,
+  OpenFrameLogo,
+  OpenFrameText,
+  PackageIcon,
+  RedditIcon,
+  ShapeCircleDashIcon,
+  ShellIcon,
+  SlackIcon,
+  SparklesIcon,
+  TableViewIcon,
+  ThumbsDownIcon,
+  ThumbsUpIcon,
+  UserIcon as UserIcon2,
+  WhatsAppIcon,
+  WindowsIcon,
+  XLogo,
+  YouTubeIcon
+} from "./chunk-LQHMXPOJ.js";
 import {
   LaptopIcon,
   MonitorIcon
 } from "./chunk-W72U7OU7.js";
+import {
+  cn,
+  getBaseUrl,
+  init_cn,
+  init_platform_domains
+} from "./chunk-XTCBRQN2.js";
 import {
   acquireClient,
   releaseClient,
@@ -18908,10 +18908,12 @@ function TitleBlock({
   menuActions,
   selector,
   variant = "plain",
-  className
+  className,
+  titleSize = "h2"
 }) {
   const hasActions = actions && actions.length > 0;
   const hasMenuActions = !!menuActions && menuActions.some((g) => g.items.length > 0);
+  const titleClass = titleSize === "h1" ? "text-h1" : "text-h2";
   return /* @__PURE__ */ jsxs111(
     "div",
     {
@@ -18948,10 +18950,10 @@ function TitleBlock({
               }
             ),
             /* @__PURE__ */ jsxs111("div", { className: "flex flex-col justify-center min-w-0 flex-1", children: [
-              title && /* @__PURE__ */ jsx139("h1", { className: "text-h2 text-ods-text-primary truncate", title, children: title }),
+              title && /* @__PURE__ */ jsx139("h1", { className: cn(titleClass, "text-ods-text-primary truncate"), title, children: title }),
               subtitle && /* @__PURE__ */ jsx139("p", { className: "text-h6 text-ods-text-secondary truncate", title: subtitle, children: subtitle })
             ] })
-          ] }) : title && /* @__PURE__ */ jsx139("h1", { className: "text-h2 text-ods-text-primary", children: title })
+          ] }) : title && /* @__PURE__ */ jsx139("h1", { className: cn(titleClass, "text-ods-text-primary"), children: title })
         ] }),
         (hasActions || hasMenuActions || selector) && /* @__PURE__ */ jsx139("div", { className: "flex gap-2 items-center shrink-0", children: /* @__PURE__ */ jsx139(
           PageActions,
@@ -18982,7 +18984,8 @@ function PageLayout({
   headerVariant,
   className,
   contentClassName,
-  showHeader = true
+  showHeader = true,
+  titleSize
 }) {
   const hasActions = actions && actions.length > 0;
   const needsBottomPadding = hasActions && actionsVariant === "primary-buttons";
@@ -18999,7 +19002,8 @@ function PageLayout({
         actionsVariant,
         menuActions,
         selector,
-        variant: headerVariant
+        variant: headerVariant,
+        titleSize
       }
     ),
     /* @__PURE__ */ jsx140("div", { className: cn("flex flex-col flex-1 gap-[var(--spacing-system-l)]", needsBottomPadding && "pb-28 md:pb-0", contentClassName), children })
@@ -24864,14 +24868,14 @@ function PushButtonSelector({
   const getSelectedOptions = () => options.filter((option) => validSelectedIds.includes(option.id));
   const renderOption = (option) => {
     const isSelected = validSelectedIds.includes(option.id);
-    return /* @__PURE__ */ jsx186(
+    const optionEl = /* @__PURE__ */ jsx186(
       "div",
       {
         className: `
           p-4 rounded-lg border transition-all duration-200 group
-          ${option.disabled ? "cursor-not-allowed opacity-40 bg-ods-card border-ods-border" : isSelected ? "cursor-pointer bg-ods-bg-secondary border-ods-accent shadow-sm" : "cursor-pointer bg-ods-bg-primary border-ods-border hover:border-ods-border-hover hover:bg-ods-bg-hover"}
+          ${option.disabled ? `${isSelected ? "cursor-pointer" : "cursor-not-allowed"} opacity-40 bg-ods-card border-ods-border` : isSelected ? "cursor-pointer bg-ods-bg-secondary border-ods-accent shadow-sm" : "cursor-pointer bg-ods-bg-primary border-ods-border hover:border-ods-border-hover hover:bg-ods-bg-hover"}
         `,
-        onClick: () => !option.disabled && toggleSelection(option.id),
+        onClick: () => (!option.disabled || isSelected) && toggleSelection(option.id),
         children: /* @__PURE__ */ jsxs145("div", { className: "flex items-center justify-between gap-4", children: [
           /* @__PURE__ */ jsxs145("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
             option.icon && /* @__PURE__ */ jsx186("div", { className: `flex-shrink-0 transition-transform duration-200 ${isSelected ? "scale-110" : "group-hover:scale-105"}`, children: option.icon }),
@@ -24888,6 +24892,13 @@ function PushButtonSelector({
       },
       option.id
     );
+    if (option.disabled && option.disabledReason) {
+      return /* @__PURE__ */ jsxs145(Tooltip, { children: [
+        /* @__PURE__ */ jsx186(TooltipTrigger, { asChild: true, children: optionEl }),
+        /* @__PURE__ */ jsx186(TooltipContent, { className: "max-w-xs", children: option.disabledReason })
+      ] }, option.id);
+    }
+    return optionEl;
   };
   const renderOptionsContent = () => {
     if (!sections || sections.length === 0) {
@@ -24921,7 +24932,7 @@ function PushButtonSelector({
       ungroupedOptions.length > 0 && /* @__PURE__ */ jsx186("div", { className: "space-y-2", children: ungroupedOptions.map(renderOption) })
     ] });
   };
-  return /* @__PURE__ */ jsxs145("div", { className: `space-y-4 ${className}`, children: [
+  return /* @__PURE__ */ jsx186(TooltipProvider, { delayDuration: 150, children: /* @__PURE__ */ jsxs145("div", { className: `space-y-4 ${className}`, children: [
     title && /* @__PURE__ */ jsx186("h3", { className: "text-h5 text-ods-text-primary", children: title }),
     renderOptionsContent(),
     selectionSummary && validSelectedIds.length > 0 && /* @__PURE__ */ jsxs145("div", { className: "p-4 bg-ods-attention-green-success-secondary border border-ods-attention-green-success/30 rounded-lg", children: [
@@ -24945,7 +24956,7 @@ function PushButtonSelector({
     ] }),
     helpText && /* @__PURE__ */ jsx186("div", { className: "text-[12px] text-ods-text-secondary font-['DM_Sans']", children: helpText }),
     validSelectedIds.length === 0 && title && !optional && /* @__PURE__ */ jsx186("div", { className: "p-3 bg-ods-attention-red-error-secondary border border-ods-attention-red-error/30 rounded-lg", children: /* @__PURE__ */ jsx186("div", { className: "font-['DM_Sans'] text-[12px] text-ods-attention-red-error", children: "\u26A0\uFE0F Please select at least one option" }) })
-  ] });
+  ] }) });
 }
 
 // src/components/features/release-media-manager.tsx
@@ -49077,4 +49088,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-NH2RY6VM.js.map
+//# sourceMappingURL=chunk-2Y4DLBFO.js.map