@fluid-app/portal-sdk 0.1.209 → 0.1.210

package/dist/QuickShareWidget-BdAgexWk.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickShareWidget-BdAgexWk.cjs","names":["Package","FileText","Ticket","ImageIcon","BookOpen","CircleDot","borderWidthClasses","borderColorClasses","QRCodeSVG","Check","Copy","ShoppingCart","Mail","MessageCircle","Share2","getFontSizeField","getColorField","getPaddingField","getBorderRadiusField","getBorderWidthField","getBorderColorField"],"sources":["../../widgets/src/widgets/QuickShareWidget.tsx"],"sourcesContent":["import {\n  useEffect,\n  useState,\n  type ComponentProps,\n  type CSSProperties,\n} from \"react\";\nimport type React from \"react\";\nimport type {\n  BorderRadiusOptions,\n  BorderWidthOptions,\n  ColorOptions,\n  FontSizeOptions,\n  PaddingOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n  borderColorClasses,\n  borderWidthClasses,\n  getBorderColorField,\n  getBorderRadiusField,\n  getBorderWidthField,\n  getColorField,\n  getFontSizeField,\n  getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport {\n  BookOpen,\n  Check,\n  CircleDot,\n  Copy,\n  FileText,\n  Image as ImageIcon,\n  Mail,\n  MessageCircle,\n  Package,\n  Share2,\n  ShoppingCart,\n  Ticket,\n  type LucideIcon,\n} from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n  // Resource\n  shareableResource?: ShareableItem;\n\n  // Title\n  titleEnabled?: boolean;\n  titleText?: string;\n  titleFontSize?: FontSizeOptions;\n  titleColor?: ColorOptions;\n\n  // Styling\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n  borderWidth?: BorderWidthOptions;\n  borderColor?: ColorOptions;\n\n  // Overlay\n  overlayEnabled?: boolean;\n  overlayType?: \"solid\" | \"gradient\";\n  overlayIntensity?: number;\n\n  // Actions\n  showBuyButton?: boolean;\n\n  // Polish (new, additive)\n  showResourceType?: boolean;\n  showShareActions?: boolean;\n  showDomainPrefix?: boolean;\n};\n\ntype ResourceDescriptor = {\n  label: string;\n  icon: LucideIcon;\n};\n\ntype QuickShareCSSProperties = CSSProperties &\n  Record<`--${string}`, string | number | undefined>;\n\nconst RESOURCE_TYPE_MAP: Record<string, ResourceDescriptor> = {\n  Product: { label: \"Product\", icon: Package },\n  Page: { label: \"Page\", icon: FileText },\n  EnrollmentPack: { label: \"Enrollment\", icon: Ticket },\n  Medium: { label: \"Media\", icon: ImageIcon },\n  Library: { label: \"Library\", icon: BookOpen },\n};\n\nconst getResourceDescriptor = (\n  resource: ShareableItem | undefined,\n): ResourceDescriptor | null => {\n  const rawType = (resource?.type || resource?.shareableType || \"\") as string;\n  if (!rawType) return null;\n  return RESOURCE_TYPE_MAP[rawType] ?? { label: rawType, icon: CircleDot };\n};\n\nconst splitUrl = (url: string): { prefix: string; path: string } => {\n  try {\n    const parsed = new URL(url);\n    return {\n      prefix: `${parsed.protocol}//${parsed.host}`,\n      path: `${parsed.pathname}${parsed.search}${parsed.hash}`,\n    };\n  } catch {\n    return { prefix: \"\", path: url };\n  }\n};\n\nconst CURRENCY_FIELD_KEYS = [\n  \"currency\",\n  \"currency_code\",\n  \"currencyCode\",\n  \"currencyIso\",\n  \"currency_iso\",\n] as const;\n\nconst getResourceCurrency = (\n  resource: ShareableItem | undefined,\n): string | null => {\n  if (!resource) return null;\n  for (const key of CURRENCY_FIELD_KEYS) {\n    const value = resource[key];\n    if (typeof value === \"string\" && /^[A-Z]{3}$/i.test(value)) {\n      return value.toUpperCase();\n    }\n  }\n  return null;\n};\n\nconst formatNumericPrice = (price: number, resource: ShareableItem): string => {\n  const currency = getResourceCurrency(resource);\n  if (!currency) return String(price);\n  try {\n    return price.toLocaleString(undefined, { style: \"currency\", currency });\n  } catch {\n    return String(price);\n  }\n};\n\nconst getDisplayPrice = (\n  resource: ShareableItem | undefined,\n): string | null => {\n  if (!resource) return null;\n  if (typeof resource.display_price === \"string\" && resource.display_price) {\n    return resource.display_price;\n  }\n  if (resource.price != null) {\n    return typeof resource.price === \"number\"\n      ? formatNumericPrice(resource.price, resource)\n      : String(resource.price);\n  }\n  return null;\n};\n\nconst getColorCssValue = (color: ColorOptions): string =>\n  color === \"transparent\" ? \"transparent\" : `var(--color-${color})`;\n\nconst colorMix = (color: ColorOptions, amount: number): string =>\n  color === \"transparent\"\n    ? \"transparent\"\n    : `color-mix(in oklch, ${getColorCssValue(color)} ${amount}%, transparent)`;\n\nconst insetBorder = (color: ColorOptions, amount: number): string =>\n  `inset 0 0 0 1px ${colorMix(color, amount)}`;\n\nexport function QuickShareWidget({\n  shareableResource,\n\n  titleEnabled = true,\n  titleText = \"\",\n  titleFontSize = \"2xl\",\n  titleColor = \"background\",\n\n  textColor = \"background\",\n  accentColor = \"primary\",\n  padding = 6,\n  borderRadius = \"xl\",\n  borderWidth = \"none\",\n  borderColor = \"muted\",\n\n  overlayEnabled = true,\n  overlayType = \"gradient\",\n  overlayIntensity = 70,\n\n  showBuyButton = false,\n\n  showResourceType = true,\n  showShareActions = true,\n  showDomainPrefix = true,\n\n  className,\n  style,\n  ...props\n}: QuickShareWidgetProps): React.JSX.Element {\n  const [copyState, setCopyState] = useState<\"idle\" | \"copied\">(\"idle\");\n  // Hero image fallback: if the resource image 404s or fails to decode, flip\n  // to the EmptyHero treatment instead of rendering a broken image.\n  const [imageFailed, setImageFailed] = useState(false);\n\n  useEffect(() => {\n    if (copyState !== \"copied\") return;\n    const id = window.setTimeout(() => setCopyState(\"idle\"), 1600);\n    return () => window.clearTimeout(id);\n  }, [copyState]);\n\n  const backgroundImageUrl =\n    shareableResource?.image_url || shareableResource?.imageUrl || \"\";\n\n  // Reset the failed-image state when the resource (and thus the image URL)\n  // changes — otherwise switching to a new resource keeps showing EmptyHero\n  // because the React state outlives the previous load failure.\n  useEffect(() => {\n    setImageFailed(false);\n  }, [backgroundImageUrl]);\n\n  const showHeroImage = Boolean(backgroundImageUrl) && !imageFailed;\n  const shareLink = shareableResource?.share_link || \"\";\n  const hasShareLink = !!shareLink;\n\n  const displayTitle =\n    titleText || shareableResource?.title || \"Select content to share\";\n  const resourceDescriptor = getResourceDescriptor(shareableResource);\n  const displayPrice = getDisplayPrice(shareableResource);\n\n  const isProduct =\n    shareableResource?.type === \"Product\" ||\n    shareableResource?.shareableType === \"Product\";\n  const shouldShowBuyButton = showBuyButton && isProduct;\n\n  const parsedOverlayIntensity = Number(\n    String(overlayIntensity).replace(\"%\", \"\"),\n  );\n  const overlayOpacity =\n    (Number.isFinite(parsedOverlayIntensity)\n      ? Math.min(100, Math.max(0, parsedOverlayIntensity))\n      : 70) / 100;\n\n  const editorialGradient: CSSProperties | undefined =\n    overlayEnabled && showHeroImage\n      ? {\n          background: `linear-gradient(to top, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 100)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 55)}%, transparent) 45%, transparent 85%)`,\n        }\n      : undefined;\n\n  const handleCopy = async () => {\n    if (!hasShareLink) return;\n    try {\n      await navigator.clipboard.writeText(shareLink);\n      setCopyState(\"copied\");\n    } catch (error) {\n      console.error(\"Failed to copy to clipboard:\", error);\n    }\n  };\n\n  const handleNativeShare = async () => {\n    if (!hasShareLink) return;\n    if (typeof navigator.share === \"function\") {\n      try {\n        await navigator.share({\n          title: displayTitle,\n          url: shareLink,\n        });\n      } catch {\n        // Ignore abort\n      }\n    } else {\n      await handleCopy();\n    }\n  };\n\n  const { prefix, path } = hasShareLink\n    ? splitUrl(shareLink)\n    : { prefix: \"\", path: \"\" };\n\n  return (\n    <div\n      className={`relative isolate overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-muted text-${textColor} ${className ?? \"\"}`}\n      style={{\n        // Themed dual-shadow (crisp + soft ambient), derived from the\n        // foreground token so the lift reads in both light and dark.\n        boxShadow: `0 1px 2px color-mix(in oklch, var(--color-foreground) 4%, transparent), 0 20px 40px -20px color-mix(in oklch, var(--color-foreground) 25%, transparent)`,\n        ...style,\n      }}\n      {...props}\n    >\n      {/* Hero image or empty-state surface */}\n      {showHeroImage ? (\n        <div className=\"absolute inset-0\">\n          <img\n            src={backgroundImageUrl}\n            alt=\"\"\n            loading=\"lazy\"\n            onError={() => setImageFailed(true)}\n            className=\"h-full w-full object-cover\"\n          />\n          {overlayEnabled && (\n            <>\n              {/* Layer 1 — main bottom-to-top legibility gradient */}\n              <div\n                className=\"pointer-events-none absolute inset-0\"\n                style={editorialGradient}\n              />\n              {/* Layer 2 — diagonal bottom-left anchor (image reads top-right, content reads bottom-left) */}\n              <div\n                className=\"pointer-events-none absolute inset-0\"\n                style={{\n                  background: `linear-gradient(to top right, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 65)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 25)}%, transparent) 35%, transparent 65%)`,\n                }}\n              />\n              {/* Layer 3 — radial pool anchoring the bottom-left share panel */}\n              <div\n                className=\"pointer-events-none absolute inset-0\"\n                style={{\n                  background: `radial-gradient(ellipse 70% 55% at 15% 100%, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 45)}%, transparent), transparent 70%)`,\n                }}\n              />\n              {overlayType === \"solid\" && (\n                <div\n                  className=\"bg-foreground pointer-events-none absolute inset-0\"\n                  style={{ opacity: overlayOpacity * 0.35 }}\n                />\n              )}\n            </>\n          )}\n        </div>\n      ) : (\n        <EmptyHero accentColor={accentColor} textColor={textColor} />\n      )}\n\n      {/* Content */}\n      <div className={`relative flex min-h-[440px] flex-col p-${padding}`}>\n        {/* Top row: resource type eyebrow + optional price chip */}\n        {(showResourceType && resourceDescriptor) || displayPrice ? (\n          <div className=\"flex items-start justify-between gap-3\">\n            {showResourceType && resourceDescriptor ? (\n              (() => {\n                const { icon: ResourceIcon, label } = resourceDescriptor;\n                return (\n                  <span\n                    className={`inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/15 px-2.5 py-1 text-[10px] font-bold tracking-[0.18em] uppercase text-${textColor} backdrop-blur-sm`}\n                    style={{\n                      boxShadow: insetBorder(textColor, 15),\n                    }}\n                  >\n                    <ResourceIcon className=\"size-3\" />\n                    {label}\n                  </span>\n                );\n              })()\n            ) : (\n              <span />\n            )}\n            {displayPrice && (\n              <span\n                className={`inline-flex items-center rounded-${borderRadius} bg-${accentColor} px-2.5 py-1 text-[11px] font-bold tabular-nums text-${accentColor}-foreground`}\n                style={{\n                  boxShadow: `0 4px 14px -4px color-mix(in oklch, var(--color-foreground) 30%, transparent)`,\n                }}\n              >\n                {displayPrice}\n              </span>\n            )}\n          </div>\n        ) : null}\n\n        {/* Middle: spacer that keeps share panel bottom-anchored.\n            Optional title renders inside it without changing layout rhythm. */}\n        <div className=\"mt-4 flex flex-1 flex-col justify-end\">\n          {titleEnabled && displayTitle && (\n            <h2\n              className={`text-${titleFontSize} font-header leading-[1.12] font-bold tracking-[-0.015em] text-${titleColor}`}\n              style={{\n                // Themed via foreground so the legibility shadow flips with\n                // the title color when the theme switches to dark mode.\n                textShadow: showHeroImage\n                  ? `0 2px 12px color-mix(in oklch, var(--color-foreground) 40%, transparent)`\n                  : undefined,\n              }}\n            >\n              {displayTitle}\n            </h2>\n          )}\n        </div>\n\n        {/* Bottom: share panel */}\n        <div className=\"mt-6 flex flex-col gap-3\">\n          <div className=\"flex items-stretch gap-3\">\n            {/* QR card */}\n            <div\n              className={`group relative shrink-0 rounded-${borderRadius} bg-white p-2.5 transition-transform duration-300 hover:scale-[1.02]`}\n              style={{\n                // QR card stays white for scanner contrast; lift shadow is\n                // themed via foreground so it reads in dark mode too.\n                boxShadow: `0 4px 16px -4px color-mix(in oklch, var(--color-foreground) 25%, transparent), inset 0 0 0 1px rgba(255,255,255,0.4)`,\n              }}\n              aria-label=\"QR code for share link\"\n            >\n              <QRCodeSVG\n                value={shareLink || \"https://example.com\"}\n                size={96}\n                level=\"H\"\n                bgColor=\"#ffffff\"\n                fgColor=\"#0f172a\"\n              />\n            </div>\n\n            {/* URL chip + share actions rail */}\n            <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n              <span\n                className={`text-[10px] font-bold tracking-[0.16em] uppercase text-${textColor}/70`}\n              >\n                Share link\n              </span>\n              <button\n                type=\"button\"\n                onClick={handleCopy}\n                disabled={!hasShareLink}\n                aria-label={\n                  copyState === \"copied\" ? \"Copied to clipboard\" : \"Copy link\"\n                }\n                className={`group flex items-center justify-between gap-2 rounded-${borderRadius} bg-${textColor}/10 px-3 py-2 text-left text-[12px] backdrop-blur-sm transition-all duration-300 hover:bg-${textColor}/15 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:opacity-50 ${copyState === \"copied\" ? `bg-${accentColor}/20` : \"\"}`}\n                style={\n                  {\n                    \"--quick-share-focus-ring\": colorMix(accentColor, 40),\n                    boxShadow: insetBorder(textColor, 15),\n                  } as QuickShareCSSProperties\n                }\n              >\n                <span\n                  className={`min-w-0 flex-1 truncate font-medium tabular-nums text-${textColor}`}\n                >\n                  {hasShareLink ? (\n                    <>\n                      {showDomainPrefix && prefix && (\n                        <span className={`opacity-60`}>{prefix}</span>\n                      )}\n                      <span className=\"font-semibold\">{path}</span>\n                    </>\n                  ) : (\n                    <span className={`opacity-60`}>No link yet</span>\n                  )}\n                </span>\n                <span\n                  className={`flex size-7 shrink-0 items-center justify-center rounded-full transition-all duration-300 ${copyState === \"copied\" ? `bg-${accentColor} text-${accentColor}-foreground scale-110` : `bg-${textColor}/15 text-${textColor}`}`}\n                >\n                  {copyState === \"copied\" ? (\n                    <Check className=\"size-3.5\" />\n                  ) : (\n                    <Copy className=\"size-3.5\" />\n                  )}\n                </span>\n              </button>\n              <span className=\"sr-only\" aria-live=\"polite\" role=\"status\">\n                {copyState === \"copied\" ? \"Copied to clipboard\" : \"\"}\n              </span>\n\n              {showShareActions && (\n                <ShareActionRow\n                  shareLink={shareLink}\n                  displayTitle={displayTitle}\n                  accentColor={accentColor}\n                  textColor={textColor}\n                  borderRadius={borderRadius}\n                  onNative={handleNativeShare}\n                />\n              )}\n            </div>\n          </div>\n\n          {shouldShowBuyButton &&\n            (hasShareLink ? (\n              <a\n                href={shareLink}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={`flex w-full items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground transition-transform hover:scale-[1.01]`}\n                style={{\n                  boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)`,\n                }}\n              >\n                <ShoppingCart className=\"size-4\" />\n                <span>Buy now</span>\n              </a>\n            ) : (\n              <button\n                type=\"button\"\n                disabled\n                className={`flex w-full cursor-not-allowed items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground opacity-50`}\n                style={{\n                  boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)`,\n                }}\n              >\n                <ShoppingCart className=\"size-4\" />\n                <span>Buy now</span>\n              </button>\n            ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n\ntype ShareActionRowProps = {\n  shareLink: string;\n  displayTitle: string;\n  accentColor: ColorOptions;\n  textColor: ColorOptions;\n  borderRadius: BorderRadiusOptions;\n  onNative: () => void;\n};\n\nfunction ShareActionRow({\n  shareLink,\n  displayTitle,\n  accentColor,\n  textColor,\n  borderRadius,\n  onNative,\n}: ShareActionRowProps) {\n  const disabled = !shareLink;\n  const [canNativeShare, setCanNativeShare] = useState(false);\n  const [canSendSms, setCanSendSms] = useState(false);\n\n  useEffect(() => {\n    setCanNativeShare(\n      typeof navigator !== \"undefined\" && typeof navigator.share === \"function\",\n    );\n    setCanSendSms(\n      typeof navigator !== \"undefined\" &&\n        (/Android|iPhone|iPad|iPod/i.test(navigator.userAgent) ||\n          (/Macintosh/i.test(navigator.userAgent) &&\n            navigator.maxTouchPoints > 1)),\n    );\n  }, []);\n\n  const emailHref = shareLink\n    ? `mailto:?subject=${encodeURIComponent(displayTitle)}&body=${encodeURIComponent(shareLink)}`\n    : undefined;\n  const smsHref = shareLink\n    ? `sms:?body=${encodeURIComponent(`${displayTitle} — ${shareLink}`)}`\n    : undefined;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <ShareActionButton\n        icon={Mail}\n        label=\"Email\"\n        href={emailHref}\n        disabled={disabled}\n        accentColor={accentColor}\n        textColor={textColor}\n        borderRadius={borderRadius}\n      />\n      {canSendSms && (\n        <ShareActionButton\n          icon={MessageCircle}\n          label=\"Text\"\n          href={smsHref}\n          disabled={disabled}\n          accentColor={accentColor}\n          textColor={textColor}\n          borderRadius={borderRadius}\n        />\n      )}\n      {canNativeShare && (\n        <ShareActionButton\n          icon={Share2}\n          label=\"Share\"\n          onClick={onNative}\n          disabled={disabled}\n          accentColor={accentColor}\n          textColor={textColor}\n          borderRadius={borderRadius}\n        />\n      )}\n    </div>\n  );\n}\n\ntype ShareActionButtonProps = {\n  icon: LucideIcon;\n  label: string;\n  href?: string | undefined;\n  onClick?: () => void;\n  disabled: boolean;\n  accentColor: ColorOptions;\n  textColor: ColorOptions;\n  borderRadius: BorderRadiusOptions;\n};\n\nfunction ShareActionButton({\n  icon: Icon,\n  label,\n  href,\n  onClick,\n  disabled,\n  accentColor,\n  textColor,\n  borderRadius,\n}: ShareActionButtonProps) {\n  const className = `group inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/10 px-2.5 py-1.5 text-[11px] font-semibold text-${textColor} backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:bg-${accentColor} hover:text-${accentColor}-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:translate-y-0`;\n  const style: QuickShareCSSProperties = {\n    \"--quick-share-focus-ring\": colorMix(accentColor, 40),\n    boxShadow: insetBorder(textColor, 15),\n  };\n\n  const content = (\n    <>\n      <Icon className=\"size-3\" />\n      <span>{label}</span>\n    </>\n  );\n\n  if (href && !disabled) {\n    return (\n      <a href={href} className={className} style={style} aria-label={label}>\n        {content}\n      </a>\n    );\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n      className={className}\n      style={style}\n      aria-label={label}\n    >\n      {content}\n    </button>\n  );\n}\n\nfunction EmptyHero({\n  accentColor,\n  textColor,\n}: {\n  accentColor: ColorOptions;\n  textColor: ColorOptions;\n}) {\n  return (\n    <div className={`bg-muted absolute inset-0`}>\n      <div\n        className=\"absolute inset-0\"\n        style={{\n          background: `radial-gradient(circle at 30% 20%, ${colorMix(accentColor, 15)}, transparent 60%), radial-gradient(circle at 80% 90%, ${colorMix(accentColor, 10)}, transparent 55%)`,\n        }}\n      />\n      <div className=\"absolute inset-0 flex flex-col items-center justify-center gap-3\">\n        <div\n          className={`flex size-14 items-center justify-center rounded-2xl bg-${textColor}/5`}\n          style={{ boxShadow: insetBorder(textColor, 10) }}\n        >\n          <ImageIcon className={`size-6 text-${textColor}/40`} />\n        </div>\n        <span\n          className={`text-[10px] font-bold tracking-[0.2em] uppercase text-${textColor}/45`}\n        >\n          Nothing selected\n        </span>\n      </div>\n    </div>\n  );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"QuickShareWidget\",\n  displayName: \"Quick Share Widget\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [\n    // Content\n    {\n      key: \"shareableResource\",\n      label: \"Shareable Content\",\n      type: \"resource\",\n      description: \"Select the content to generate a share link for\",\n      allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n\n    // Title\n    {\n      key: \"titleEnabled\",\n      label: \"Show Title\",\n      type: \"boolean\",\n      description: \"Display a title on the hero\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Title\",\n    },\n    {\n      key: \"titleText\",\n      label: \"Title\",\n      type: \"text\",\n      description:\n        \"Custom title text (defaults to the resource title if empty)\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    },\n    getFontSizeField({\n      key: \"titleFontSize\",\n      label: \"Title Font Size\",\n      description: \"Font size for the title\",\n      defaultValue: \"2xl\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n    getColorField({\n      key: \"titleColor\",\n      label: \"Title Color\",\n      description: \"Color for the title\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Title\",\n      requiresKeyToBeTrue: \"titleEnabled\",\n    }),\n\n    // Share panel polish (new)\n    {\n      key: \"showResourceType\",\n      label: \"Show Resource Type Pill\",\n      type: \"boolean\",\n      description:\n        \"Display a small type eyebrow chip (Product · Page · Media…)\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Share Panel\",\n    },\n    {\n      key: \"showShareActions\",\n      label: \"Show Share Actions\",\n      type: \"boolean\",\n      description:\n        \"Show Email, Text, and native Share buttons under the link chip\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Share Panel\",\n    },\n    {\n      key: \"showDomainPrefix\",\n      label: \"Show Domain Prefix\",\n      type: \"boolean\",\n      description:\n        \"Include the domain in the link chip (dimmed) with the path emphasized\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Share Panel\",\n    },\n    {\n      key: \"showBuyButton\",\n      label: \"Show Buy Button\",\n      type: \"boolean\",\n      description: \"Display the Buy button (only shown for Product resources)\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Share Panel\",\n    },\n\n    // Design\n    getColorField({\n      key: \"textColor\",\n      label: \"Text Color\",\n      description: \"Default text color for widget content (over the hero)\",\n      defaultValue: \"background\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getColorField({\n      key: \"accentColor\",\n      label: \"Accent Color\",\n      description:\n        \"Drives the price chip, primary button, and copy-success flash\",\n      defaultValue: \"primary\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"overlayEnabled\",\n      label: \"Enable Overlay\",\n      type: \"boolean\",\n      description: \"Add editorial gradient stack for legibility over the hero\",\n      defaultValue: true,\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    {\n      key: \"overlayType\",\n      label: \"Overlay Type\",\n      type: \"buttonGroup\",\n      description:\n        \"Gradient only (recommended) or gradient + solid wash (heavier)\",\n      defaultValue: \"gradient\",\n      options: [\n        { label: \"Gradient\", value: \"gradient\" },\n        { label: \"Solid\", value: \"solid\" },\n      ],\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"overlayIntensity\",\n      label: \"Overlay Intensity\",\n      type: \"slider\",\n      description: \"Opacity of the overlay (0-100)\",\n      min: 0,\n      max: 100,\n      step: 5,\n      defaultValue: 70,\n      unit: \"%\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyToBeTrue: \"overlayEnabled\",\n    },\n    {\n      key: \"separator\",\n      type: \"separator\",\n      label: \"Separator\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getPaddingField({\n      key: \"padding\",\n      label: \"Padding\",\n      description: \"Padding around the widget content\",\n      defaultValue: 6,\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the widget container\",\n      defaultValue: \"xl\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderWidthField({\n      key: \"borderWidth\",\n      label: \"Border Width\",\n      description: \"Border width for the widget container\",\n      defaultValue: \"none\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    getBorderColorField({\n      key: \"borderColor\",\n      label: \"Border Color\",\n      description: \"Border color for the widget container\",\n      defaultValue: \"muted\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n  ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAY,OAAO;IAAY,EACxC;IAAE,OAAO;IAAS,OAAO;IAAS,CACnC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACDC,mBAAAA,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACFC,mBAAAA,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/QuickShareWidget-CunkC1r8.mjs

@@ -0,0 +1,566 @@
+import { r as __exportAll } from "./es-DmEK0Umf.mjs";
+import { i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-DT36l-bR.mjs";
+import { useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { BookOpen, Check, CircleDot, Copy, FileText, Image, Mail, MessageCircle, Package, Share2, ShoppingCart, Ticket } from "lucide-react";
+import { QRCodeSVG } from "qrcode.react";
+//#region ../widgets/src/widgets/QuickShareWidget.tsx
+var QuickShareWidget_exports = /* @__PURE__ */ __exportAll({
+	QuickShareWidget: () => QuickShareWidget,
+	quickShareWidgetPropertySchema: () => quickShareWidgetPropertySchema
+});
+const RESOURCE_TYPE_MAP = {
+	Product: {
+		label: "Product",
+		icon: Package
+	},
+	Page: {
+		label: "Page",
+		icon: FileText
+	},
+	EnrollmentPack: {
+		label: "Enrollment",
+		icon: Ticket
+	},
+	Medium: {
+		label: "Media",
+		icon: Image
+	},
+	Library: {
+		label: "Library",
+		icon: BookOpen
+	}
+};
+const getResourceDescriptor = (resource) => {
+	const rawType = resource?.type || resource?.shareableType || "";
+	if (!rawType) return null;
+	return RESOURCE_TYPE_MAP[rawType] ?? {
+		label: rawType,
+		icon: CircleDot
+	};
+};
+const splitUrl = (url) => {
+	try {
+		const parsed = new URL(url);
+		return {
+			prefix: `${parsed.protocol}//${parsed.host}`,
+			path: `${parsed.pathname}${parsed.search}${parsed.hash}`
+		};
+	} catch {
+		return {
+			prefix: "",
+			path: url
+		};
+	}
+};
+const CURRENCY_FIELD_KEYS = [
+	"currency",
+	"currency_code",
+	"currencyCode",
+	"currencyIso",
+	"currency_iso"
+];
+const getResourceCurrency = (resource) => {
+	if (!resource) return null;
+	for (const key of CURRENCY_FIELD_KEYS) {
+		const value = resource[key];
+		if (typeof value === "string" && /^[A-Z]{3}$/i.test(value)) return value.toUpperCase();
+	}
+	return null;
+};
+const formatNumericPrice = (price, resource) => {
+	const currency = getResourceCurrency(resource);
+	if (!currency) return String(price);
+	try {
+		return price.toLocaleString(void 0, {
+			style: "currency",
+			currency
+		});
+	} catch {
+		return String(price);
+	}
+};
+const getDisplayPrice = (resource) => {
+	if (!resource) return null;
+	if (typeof resource.display_price === "string" && resource.display_price) return resource.display_price;
+	if (resource.price != null) return typeof resource.price === "number" ? formatNumericPrice(resource.price, resource) : String(resource.price);
+	return null;
+};
+const getColorCssValue = (color) => color === "transparent" ? "transparent" : `var(--color-${color})`;
+const colorMix = (color, amount) => color === "transparent" ? "transparent" : `color-mix(in oklch, ${getColorCssValue(color)} ${amount}%, transparent)`;
+const insetBorder = (color, amount) => `inset 0 0 0 1px ${colorMix(color, amount)}`;
+function QuickShareWidget({ shareableResource, titleEnabled = true, titleText = "", titleFontSize = "2xl", titleColor = "background", textColor = "background", accentColor = "primary", padding = 6, borderRadius = "xl", borderWidth = "none", borderColor = "muted", overlayEnabled = true, overlayType = "gradient", overlayIntensity = 70, showBuyButton = false, showResourceType = true, showShareActions = true, showDomainPrefix = true, className, style, ...props }) {
+	const [copyState, setCopyState] = useState("idle");
+	const [imageFailed, setImageFailed] = useState(false);
+	useEffect(() => {
+		if (copyState !== "copied") return;
+		const id = window.setTimeout(() => setCopyState("idle"), 1600);
+		return () => window.clearTimeout(id);
+	}, [copyState]);
+	const backgroundImageUrl = shareableResource?.image_url || shareableResource?.imageUrl || "";
+	useEffect(() => {
+		setImageFailed(false);
+	}, [backgroundImageUrl]);
+	const showHeroImage = Boolean(backgroundImageUrl) && !imageFailed;
+	const shareLink = shareableResource?.share_link || "";
+	const hasShareLink = !!shareLink;
+	const displayTitle = titleText || shareableResource?.title || "Select content to share";
+	const resourceDescriptor = getResourceDescriptor(shareableResource);
+	const displayPrice = getDisplayPrice(shareableResource);
+	const isProduct = shareableResource?.type === "Product" || shareableResource?.shareableType === "Product";
+	const shouldShowBuyButton = showBuyButton && isProduct;
+	const parsedOverlayIntensity = Number(String(overlayIntensity).replace("%", ""));
+	const overlayOpacity = (Number.isFinite(parsedOverlayIntensity) ? Math.min(100, Math.max(0, parsedOverlayIntensity)) : 70) / 100;
+	const editorialGradient = overlayEnabled && showHeroImage ? { background: `linear-gradient(to top, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 100)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 55)}%, transparent) 45%, transparent 85%)` } : void 0;
+	const handleCopy = async () => {
+		if (!hasShareLink) return;
+		try {
+			await navigator.clipboard.writeText(shareLink);
+			setCopyState("copied");
+		} catch (error) {
+			console.error("Failed to copy to clipboard:", error);
+		}
+	};
+	const handleNativeShare = async () => {
+		if (!hasShareLink) return;
+		if (typeof navigator.share === "function") try {
+			await navigator.share({
+				title: displayTitle,
+				url: shareLink
+			});
+		} catch {}
+		else await handleCopy();
+	};
+	const { prefix, path } = hasShareLink ? splitUrl(shareLink) : {
+		prefix: "",
+		path: ""
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `relative isolate overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== "none" ? borderColorClasses[borderColor] : ""} bg-muted text-${textColor} ${className ?? ""}`,
+		style: {
+			boxShadow: `0 1px 2px color-mix(in oklch, var(--color-foreground) 4%, transparent), 0 20px 40px -20px color-mix(in oklch, var(--color-foreground) 25%, transparent)`,
+			...style
+		},
+		...props,
+		children: [showHeroImage ? /* @__PURE__ */ jsxs("div", {
+			className: "absolute inset-0",
+			children: [/* @__PURE__ */ jsx("img", {
+				src: backgroundImageUrl,
+				alt: "",
+				loading: "lazy",
+				onError: () => setImageFailed(true),
+				className: "h-full w-full object-cover"
+			}), overlayEnabled && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "pointer-events-none absolute inset-0",
+					style: editorialGradient
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "pointer-events-none absolute inset-0",
+					style: { background: `linear-gradient(to top right, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 65)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 25)}%, transparent) 35%, transparent 65%)` }
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "pointer-events-none absolute inset-0",
+					style: { background: `radial-gradient(ellipse 70% 55% at 15% 100%, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 45)}%, transparent), transparent 70%)` }
+				}),
+				overlayType === "solid" && /* @__PURE__ */ jsx("div", {
+					className: "bg-foreground pointer-events-none absolute inset-0",
+					style: { opacity: overlayOpacity * .35 }
+				})
+			] })]
+		}) : /* @__PURE__ */ jsx(EmptyHero, {
+			accentColor,
+			textColor
+		}), /* @__PURE__ */ jsxs("div", {
+			className: `relative flex min-h-[440px] flex-col p-${padding}`,
+			children: [
+				showResourceType && resourceDescriptor || displayPrice ? /* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [showResourceType && resourceDescriptor ? (() => {
+						const { icon: ResourceIcon, label } = resourceDescriptor;
+						return /* @__PURE__ */ jsxs("span", {
+							className: `inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/15 px-2.5 py-1 text-[10px] font-bold tracking-[0.18em] uppercase text-${textColor} backdrop-blur-sm`,
+							style: { boxShadow: insetBorder(textColor, 15) },
+							children: [/* @__PURE__ */ jsx(ResourceIcon, { className: "size-3" }), label]
+						});
+					})() : /* @__PURE__ */ jsx("span", {}), displayPrice && /* @__PURE__ */ jsx("span", {
+						className: `inline-flex items-center rounded-${borderRadius} bg-${accentColor} px-2.5 py-1 text-[11px] font-bold tabular-nums text-${accentColor}-foreground`,
+						style: { boxShadow: `0 4px 14px -4px color-mix(in oklch, var(--color-foreground) 30%, transparent)` },
+						children: displayPrice
+					})]
+				}) : null,
+				/* @__PURE__ */ jsx("div", {
+					className: "mt-4 flex flex-1 flex-col justify-end",
+					children: titleEnabled && displayTitle && /* @__PURE__ */ jsx("h2", {
+						className: `text-${titleFontSize} font-header leading-[1.12] font-bold tracking-[-0.015em] text-${titleColor}`,
+						style: { textShadow: showHeroImage ? `0 2px 12px color-mix(in oklch, var(--color-foreground) 40%, transparent)` : void 0 },
+						children: displayTitle
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "mt-6 flex flex-col gap-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex items-stretch gap-3",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: `group relative shrink-0 rounded-${borderRadius} bg-white p-2.5 transition-transform duration-300 hover:scale-[1.02]`,
+							style: { boxShadow: `0 4px 16px -4px color-mix(in oklch, var(--color-foreground) 25%, transparent), inset 0 0 0 1px rgba(255,255,255,0.4)` },
+							"aria-label": "QR code for share link",
+							children: /* @__PURE__ */ jsx(QRCodeSVG, {
+								value: shareLink || "https://example.com",
+								size: 96,
+								level: "H",
+								bgColor: "#ffffff",
+								fgColor: "#0f172a"
+							})
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 flex-1 flex-col gap-2",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									className: `text-[10px] font-bold tracking-[0.16em] uppercase text-${textColor}/70`,
+									children: "Share link"
+								}),
+								/* @__PURE__ */ jsxs("button", {
+									type: "button",
+									onClick: handleCopy,
+									disabled: !hasShareLink,
+									"aria-label": copyState === "copied" ? "Copied to clipboard" : "Copy link",
+									className: `group flex items-center justify-between gap-2 rounded-${borderRadius} bg-${textColor}/10 px-3 py-2 text-left text-[12px] backdrop-blur-sm transition-all duration-300 hover:bg-${textColor}/15 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:opacity-50 ${copyState === "copied" ? `bg-${accentColor}/20` : ""}`,
+									style: {
+										"--quick-share-focus-ring": colorMix(accentColor, 40),
+										boxShadow: insetBorder(textColor, 15)
+									},
+									children: [/* @__PURE__ */ jsx("span", {
+										className: `min-w-0 flex-1 truncate font-medium tabular-nums text-${textColor}`,
+										children: hasShareLink ? /* @__PURE__ */ jsxs(Fragment$1, { children: [showDomainPrefix && prefix && /* @__PURE__ */ jsx("span", {
+											className: `opacity-60`,
+											children: prefix
+										}), /* @__PURE__ */ jsx("span", {
+											className: "font-semibold",
+											children: path
+										})] }) : /* @__PURE__ */ jsx("span", {
+											className: `opacity-60`,
+											children: "No link yet"
+										})
+									}), /* @__PURE__ */ jsx("span", {
+										className: `flex size-7 shrink-0 items-center justify-center rounded-full transition-all duration-300 ${copyState === "copied" ? `bg-${accentColor} text-${accentColor}-foreground scale-110` : `bg-${textColor}/15 text-${textColor}`}`,
+										children: copyState === "copied" ? /* @__PURE__ */ jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsx(Copy, { className: "size-3.5" })
+									})]
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									"aria-live": "polite",
+									role: "status",
+									children: copyState === "copied" ? "Copied to clipboard" : ""
+								}),
+								showShareActions && /* @__PURE__ */ jsx(ShareActionRow, {
+									shareLink,
+									displayTitle,
+									accentColor,
+									textColor,
+									borderRadius,
+									onNative: handleNativeShare
+								})
+							]
+						})]
+					}), shouldShowBuyButton && (hasShareLink ? /* @__PURE__ */ jsxs("a", {
+						href: shareLink,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: `flex w-full items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground transition-transform hover:scale-[1.01]`,
+						style: { boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)` },
+						children: [/* @__PURE__ */ jsx(ShoppingCart, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Buy now" })]
+					}) : /* @__PURE__ */ jsxs("button", {
+						type: "button",
+						disabled: true,
+						className: `flex w-full cursor-not-allowed items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground opacity-50`,
+						style: { boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)` },
+						children: [/* @__PURE__ */ jsx(ShoppingCart, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Buy now" })]
+					}))]
+				})
+			]
+		})]
+	});
+}
+function ShareActionRow({ shareLink, displayTitle, accentColor, textColor, borderRadius, onNative }) {
+	const disabled = !shareLink;
+	const [canNativeShare, setCanNativeShare] = useState(false);
+	const [canSendSms, setCanSendSms] = useState(false);
+	useEffect(() => {
+		setCanNativeShare(typeof navigator !== "undefined" && typeof navigator.share === "function");
+		setCanSendSms(typeof navigator !== "undefined" && (/Android|iPhone|iPad|iPod/i.test(navigator.userAgent) || /Macintosh/i.test(navigator.userAgent) && navigator.maxTouchPoints > 1));
+	}, []);
+	const emailHref = shareLink ? `mailto:?subject=${encodeURIComponent(displayTitle)}&body=${encodeURIComponent(shareLink)}` : void 0;
+	const smsHref = shareLink ? `sms:?body=${encodeURIComponent(`${displayTitle} — ${shareLink}`)}` : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-1.5",
+		children: [
+			/* @__PURE__ */ jsx(ShareActionButton, {
+				icon: Mail,
+				label: "Email",
+				href: emailHref,
+				disabled,
+				accentColor,
+				textColor,
+				borderRadius
+			}),
+			canSendSms && /* @__PURE__ */ jsx(ShareActionButton, {
+				icon: MessageCircle,
+				label: "Text",
+				href: smsHref,
+				disabled,
+				accentColor,
+				textColor,
+				borderRadius
+			}),
+			canNativeShare && /* @__PURE__ */ jsx(ShareActionButton, {
+				icon: Share2,
+				label: "Share",
+				onClick: onNative,
+				disabled,
+				accentColor,
+				textColor,
+				borderRadius
+			})
+		]
+	});
+}
+function ShareActionButton({ icon: Icon, label, href, onClick, disabled, accentColor, textColor, borderRadius }) {
+	const className = `group inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/10 px-2.5 py-1.5 text-[11px] font-semibold text-${textColor} backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:bg-${accentColor} hover:text-${accentColor}-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:translate-y-0`;
+	const style = {
+		"--quick-share-focus-ring": colorMix(accentColor, 40),
+		boxShadow: insetBorder(textColor, 15)
+	};
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Icon, { className: "size-3" }), /* @__PURE__ */ jsx("span", { children: label })] });
+	if (href && !disabled) return /* @__PURE__ */ jsx("a", {
+		href,
+		className,
+		style,
+		"aria-label": label,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick,
+		disabled,
+		className,
+		style,
+		"aria-label": label,
+		children: content
+	});
+}
+function EmptyHero({ accentColor, textColor }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `bg-muted absolute inset-0`,
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "absolute inset-0",
+			style: { background: `radial-gradient(circle at 30% 20%, ${colorMix(accentColor, 15)}, transparent 60%), radial-gradient(circle at 80% 90%, ${colorMix(accentColor, 10)}, transparent 55%)` }
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "absolute inset-0 flex flex-col items-center justify-center gap-3",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: `flex size-14 items-center justify-center rounded-2xl bg-${textColor}/5`,
+				style: { boxShadow: insetBorder(textColor, 10) },
+				children: /* @__PURE__ */ jsx(Image, { className: `size-6 text-${textColor}/40` })
+			}), /* @__PURE__ */ jsx("span", {
+				className: `text-[10px] font-bold tracking-[0.2em] uppercase text-${textColor}/45`,
+				children: "Nothing selected"
+			})]
+		})]
+	});
+}
+const quickShareWidgetPropertySchema = {
+	widgetType: "QuickShareWidget",
+	displayName: "Quick Share Widget",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}],
+	fields: [
+		{
+			key: "shareableResource",
+			label: "Shareable Content",
+			type: "resource",
+			description: "Select the content to generate a share link for",
+			allowedTypes: [
+				"Product",
+				"Page",
+				"EnrollmentPack",
+				"Medium",
+				"Library"
+			],
+			tab: "styling",
+			group: "Content"
+		},
+		{
+			key: "titleEnabled",
+			label: "Show Title",
+			type: "boolean",
+			description: "Display a title on the hero",
+			defaultValue: true,
+			tab: "styling",
+			group: "Title"
+		},
+		{
+			key: "titleText",
+			label: "Title",
+			type: "text",
+			description: "Custom title text (defaults to the resource title if empty)",
+			defaultValue: "",
+			tab: "styling",
+			group: "Title",
+			requiresKeyToBeTrue: "titleEnabled"
+		},
+		getFontSizeField({
+			key: "titleFontSize",
+			label: "Title Font Size",
+			description: "Font size for the title",
+			defaultValue: "2xl",
+			tab: "styling",
+			group: "Title",
+			requiresKeyToBeTrue: "titleEnabled"
+		}),
+		getColorField({
+			key: "titleColor",
+			label: "Title Color",
+			description: "Color for the title",
+			defaultValue: "background",
+			tab: "styling",
+			group: "Title",
+			requiresKeyToBeTrue: "titleEnabled"
+		}),
+		{
+			key: "showResourceType",
+			label: "Show Resource Type Pill",
+			type: "boolean",
+			description: "Display a small type eyebrow chip (Product · Page · Media…)",
+			defaultValue: true,
+			tab: "styling",
+			group: "Share Panel"
+		},
+		{
+			key: "showShareActions",
+			label: "Show Share Actions",
+			type: "boolean",
+			description: "Show Email, Text, and native Share buttons under the link chip",
+			defaultValue: true,
+			tab: "styling",
+			group: "Share Panel"
+		},
+		{
+			key: "showDomainPrefix",
+			label: "Show Domain Prefix",
+			type: "boolean",
+			description: "Include the domain in the link chip (dimmed) with the path emphasized",
+			defaultValue: true,
+			tab: "styling",
+			group: "Share Panel"
+		},
+		{
+			key: "showBuyButton",
+			label: "Show Buy Button",
+			type: "boolean",
+			description: "Display the Buy button (only shown for Product resources)",
+			defaultValue: false,
+			tab: "styling",
+			group: "Share Panel"
+		},
+		getColorField({
+			key: "textColor",
+			label: "Text Color",
+			description: "Default text color for widget content (over the hero)",
+			defaultValue: "background",
+			tab: "styling",
+			group: "Design"
+		}),
+		getColorField({
+			key: "accentColor",
+			label: "Accent Color",
+			description: "Drives the price chip, primary button, and copy-success flash",
+			defaultValue: "primary",
+			tab: "styling",
+			group: "Design"
+		}),
+		{
+			key: "overlayEnabled",
+			label: "Enable Overlay",
+			type: "boolean",
+			description: "Add editorial gradient stack for legibility over the hero",
+			defaultValue: true,
+			tab: "styling",
+			group: "Design"
+		},
+		{
+			key: "overlayType",
+			label: "Overlay Type",
+			type: "buttonGroup",
+			description: "Gradient only (recommended) or gradient + solid wash (heavier)",
+			defaultValue: "gradient",
+			options: [{
+				label: "Gradient",
+				value: "gradient"
+			}, {
+				label: "Solid",
+				value: "solid"
+			}],
+			tab: "styling",
+			group: "Design",
+			requiresKeyToBeTrue: "overlayEnabled"
+		},
+		{
+			key: "overlayIntensity",
+			label: "Overlay Intensity",
+			type: "slider",
+			description: "Opacity of the overlay (0-100)",
+			min: 0,
+			max: 100,
+			step: 5,
+			defaultValue: 70,
+			unit: "%",
+			tab: "styling",
+			group: "Design",
+			requiresKeyToBeTrue: "overlayEnabled"
+		},
+		{
+			key: "separator",
+			type: "separator",
+			label: "Separator",
+			tab: "styling",
+			group: "Design"
+		},
+		getPaddingField({
+			key: "padding",
+			label: "Padding",
+			description: "Padding around the widget content",
+			defaultValue: 6,
+			tab: "styling",
+			group: "Design"
+		}),
+		getBorderRadiusField({
+			key: "borderRadius",
+			label: "Border Radius",
+			description: "Border radius for the widget container",
+			defaultValue: "xl",
+			tab: "styling",
+			group: "Design"
+		}),
+		getBorderWidthField({
+			key: "borderWidth",
+			label: "Border Width",
+			description: "Border width for the widget container",
+			defaultValue: "none",
+			tab: "styling",
+			group: "Design"
+		}),
+		getBorderColorField({
+			key: "borderColor",
+			label: "Border Color",
+			description: "Border color for the widget container",
+			defaultValue: "muted",
+			tab: "styling",
+			group: "Design"
+		})
+	]
+};
+//#endregion
+export { QuickShareWidget_exports as n, quickShareWidgetPropertySchema as r, QuickShareWidget as t };
+
+//# sourceMappingURL=QuickShareWidget-CunkC1r8.mjs.map