@mdxui/named 6.0.0 → 6.2.0

package/dist/schemas/index.js

@@ -0,0 +1,235 @@
+// src/schemas/index.ts
+import { z } from "zod";
+var HeroPropsSchema = z.object({
+  badgeEmoji: z.string().optional(),
+  badgeText: z.string().optional(),
+  badgeHref: z.string().optional(),
+  heading: z.string().optional(),
+  description: z.string().optional(),
+  ctaText: z.string().optional(),
+  ctaHref: z.string().optional(),
+  ctaVariant: z.enum(["default", "secondary", "outline", "ghost"]).optional(),
+  rightImageSrc: z.string().optional(),
+  rightImageAlt: z.string().optional(),
+  rightImageSizes: z.string().optional(),
+  showIconOverlay: z.boolean().optional(),
+  marqueeTitle: z.string().optional(),
+  marqueeImages: z.array(z.string()).optional(),
+  className: z.string().optional()
+}).describe("Hero section props");
+var FAQItemSchema = z.object({
+  question: z.string(),
+  answer: z.string()
+}).describe("FAQ item");
+var FAQPropsSchema = z.object({
+  heading: z.string().optional(),
+  faqs: z.array(FAQItemSchema).optional(),
+  backgroundColor: z.string().optional(),
+  className: z.string().optional()
+}).describe("FAQ section props");
+var FeatureItemSchema = z.object({
+  text: z.string()
+}).describe("Feature item (bullet)");
+var FeatureSchema = z.object({
+  title: z.string(),
+  description: z.string(),
+  items: z.array(FeatureItemSchema),
+  code: z.string(),
+  badge: z.string()
+}).describe("Feature card");
+var FeaturesPropsSchema = z.object({
+  heading: z.string().optional(),
+  description: z.string().optional(),
+  features: z.array(FeatureSchema).optional(),
+  className: z.string().optional()
+}).describe("Features section props");
+var PricingFeatureSchema = z.object({
+  text: z.string()
+}).describe("Pricing feature bullet");
+var PricingPropsSchema = z.object({
+  heading: z.string().optional(),
+  subheading: z.string().optional(),
+  price: z.string().optional(),
+  priceUnit: z.string().optional(),
+  trialText: z.string().optional(),
+  ctaText: z.string().optional(),
+  ctaHref: z.string().optional(),
+  featuresHeading: z.string().optional(),
+  features: z.array(PricingFeatureSchema).optional(),
+  backgroundColor: z.string().optional(),
+  securityNote: z.string().optional(),
+  className: z.string().optional()
+}).describe("Single-tier pricing section props");
+var PricingTierFeatureSchema = z.object({
+  text: z.string()
+}).describe("Pricing tier feature bullet");
+var PricingTierSchema = z.object({
+  title: z.string(),
+  description: z.string(),
+  price: z.string(),
+  priceUnit: z.string(),
+  ctaText: z.string(),
+  ctaVariant: z.enum(["primary", "secondary"]).optional(),
+  ctaHref: z.string().optional(),
+  features: z.array(PricingTierFeatureSchema),
+  image: z.string().optional(),
+  imageAlt: z.string().optional(),
+  featured: z.boolean().optional()
+}).describe("Pricing tier card");
+var PricingTiersPropsSchema = z.object({
+  heading: z.string().optional(),
+  subheading: z.string().optional(),
+  tiers: z.array(PricingTierSchema).optional(),
+  backgroundColor: z.string().optional(),
+  securityNote: z.string().optional(),
+  className: z.string().optional()
+}).describe("Multi-tier pricing section props");
+var Pricing1PropsSchema = PricingPropsSchema;
+var Pricing2PropsSchema = PricingTiersPropsSchema;
+var CTAButtonSchema = z.object({
+  text: z.string(),
+  href: z.string(),
+  variant: z.enum(["primary", "secondary"]).optional(),
+  showArrow: z.boolean().optional()
+}).describe("CTA button");
+var CTAPropsSchema = z.object({
+  heading: z.string().optional(),
+  subheading: z.string().optional(),
+  buttons: z.array(CTAButtonSchema).optional(),
+  backgroundColor: z.enum(["light", "blue", "green", "purple", "orange"]).optional(),
+  className: z.string().optional()
+}).describe("CTA section props");
+var FormFieldSchema = z.object({
+  id: z.string(),
+  label: z.string(),
+  type: z.enum(["text", "email", "tel", "textarea"]),
+  placeholder: z.string().optional(),
+  required: z.boolean().optional()
+}).describe("Contact form field");
+var ContactPropsSchema = z.object({
+  heading: z.string().optional(),
+  subheading: z.string().optional(),
+  fields: z.array(FormFieldSchema).optional(),
+  submitButtonText: z.string().optional(),
+  successMessage: z.string().optional(),
+  errorMessage: z.string().optional(),
+  // Non-translating: function fields are accepted but not deeply validated.
+  onSubmit: z.function().optional(),
+  backgroundColor: z.string().optional(),
+  className: z.string().optional()
+}).describe("Contact section props");
+var WorkflowItemSchema = z.object({
+  // Non-translating: react-icons IconType is a function — round-trip via z.custom.
+  icon: z.custom((v) => typeof v === "function"),
+  label: z.string()
+}).describe("Workflow chip");
+var ProblemPropsSchema = z.object({
+  heading: z.string().optional(),
+  headingHighlight: z.string().optional(),
+  workflows: z.array(WorkflowItemSchema).optional(),
+  subheading: z.string().optional(),
+  subheadingHighlight: z.string().optional(),
+  highlightColor: z.string().optional(),
+  marqueeDuration: z.string().optional(),
+  marqueeGap: z.string().optional(),
+  backgroundColor: z.string().optional(),
+  className: z.string().optional()
+}).describe("Problem section props");
+var IntegrationNodeSchema = z.object({
+  type: z.enum(["image", "icon", "component"]),
+  // Non-translating: string | React.ReactNode — accept anything, runtime user decides.
+  content: z.union([z.string(), z.any()]),
+  alt: z.string().optional(),
+  className: z.string().optional()
+}).describe("Integration node (left/right of the beam)");
+var AnimationConfigSchema = z.object({
+  startYOffset: z.number().optional(),
+  endYOffset: z.number().optional(),
+  curvature: z.number().optional(),
+  duration: z.number().optional(),
+  reverse: z.boolean().optional()
+}).describe("AnimatedBeam configuration");
+var IntegrationPropsSchema = z.object({
+  title: z.string().optional(),
+  description: z.string().optional(),
+  buttonText: z.string().optional(),
+  buttonHref: z.string().optional(),
+  leftNode: IntegrationNodeSchema,
+  rightNode: IntegrationNodeSchema,
+  beamAnimations: z.array(AnimationConfigSchema).optional(),
+  gridPatternWidth: z.number().optional(),
+  gridPatternHeight: z.number().optional(),
+  maxWidth: z.enum(["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl"]).optional(),
+  className: z.string().optional(),
+  contentOrder: z.enum(["left", "right"]).optional()
+}).describe("Integration section props");
+var NavLinkSchema = z.object({
+  label: z.string(),
+  href: z.string()
+}).describe("Nav link");
+var NavigationPropsSchema = z.object({
+  // Non-translating: string | React.ReactNode.
+  logo: z.union([z.string(), z.any()]).optional(),
+  logoHref: z.string().optional(),
+  links: z.array(NavLinkSchema).optional(),
+  ctaText: z.string().optional(),
+  ctaHref: z.string().optional(),
+  ctaVariant: z.enum(["default", "secondary", "outline", "ghost", "link", "destructive"]).optional(),
+  className: z.string().optional(),
+  maxWidth: z.enum(["sm", "md", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "full"]).optional(),
+  sticky: z.boolean().optional(),
+  showScrollEffect: z.boolean().optional()
+}).describe("Navigation section props");
+var SocialLinkSchema = z.object({
+  href: z.string(),
+  // Non-translating: react-icons IconType is a function — round-trip via z.custom.
+  icon: z.custom((v) => typeof v === "function"),
+  label: z.string()
+}).describe("Social link");
+var QuickLinkSchema = z.object({
+  href: z.string(),
+  label: z.string()
+}).describe("Footer quick link");
+var FooterPropsSchema = z.object({
+  logo: z.string().optional(),
+  description: z.string().optional(),
+  socialLinks: z.array(SocialLinkSchema).optional(),
+  quickLinks: z.array(QuickLinkSchema).optional(),
+  contactTitle: z.string().optional(),
+  emailPlaceholder: z.string().optional(),
+  // Non-translating: function field.
+  onEmailSubmit: z.function().optional(),
+  copyrightText: z.string().optional(),
+  showThemeToggle: z.boolean().optional(),
+  className: z.string().optional()
+}).describe("Footer section props");
+export {
+  AnimationConfigSchema,
+  CTAButtonSchema,
+  CTAPropsSchema,
+  ContactPropsSchema,
+  FAQItemSchema,
+  FAQPropsSchema,
+  FeatureItemSchema,
+  FeatureSchema,
+  FeaturesPropsSchema,
+  FooterPropsSchema,
+  FormFieldSchema,
+  HeroPropsSchema,
+  IntegrationNodeSchema,
+  IntegrationPropsSchema,
+  NavLinkSchema,
+  NavigationPropsSchema,
+  Pricing1PropsSchema,
+  Pricing2PropsSchema,
+  PricingFeatureSchema,
+  PricingPropsSchema,
+  PricingTierFeatureSchema,
+  PricingTierSchema,
+  PricingTiersPropsSchema,
+  ProblemPropsSchema,
+  QuickLinkSchema,
+  SocialLinkSchema,
+  WorkflowItemSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/schemas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/schemas/index.ts"],"sourcesContent":["/**\n * Pure-Zod schemas for @mdxui/named section components.\n *\n * This subpath has NO React, no @mdxui/primitives, and no next/* imports —\n * consumers (e.g. dot-do/named-agents) can validate prop data at runtime\n * without pulling Radix, React, or the rest of the UI tree into their build.\n *\n * Each `XxxPropsSchema` is annotated as `z.ZodType<XxxProps>` and cast back\n * (annotate-and-cast pattern) so any future drift between the TS interface\n * and the Zod schema is caught at typecheck — without triggering the\n * variance issues that `satisfies` raises on function / ReactNode fields.\n *\n * Authoring reference: `packages/mdxui/src/zod.ts`.\n * Function / ReactNode handling reference: `packages/mdxui/src/ui/shell/shell.ts`.\n */\nimport { z } from 'zod'\nimport type { IconType } from 'react-icons'\n\n// Re-export the existing interfaces type-only — type-only erases at build,\n// so this entry stays runtime-clean (only `zod` survives in the JS output).\nexport type { HeroProps } from '../components/hero/hero'\nexport type { FAQItem, FAQProps } from '../components/faq/faq'\nexport type { FeatureItem, Feature, FeaturesProps } from '../components/features/features'\nexport type { PricingFeature, PricingProps } from '../components/pricing/pricing'\nexport type { PricingTierFeature, PricingTier, PricingTiersProps } from '../components/pricing/pricing-tiers'\nexport type { CTAButton, CTAProps } from '../components/cta/cta'\nexport type { FormField, ContactProps } from '../components/contact/contact'\nexport type { WorkflowItem, ProblemProps } from '../components/problem/problem'\nexport type { IntegrationNode, AnimationConfig, IntegrationProps } from '../components/integration/integration'\nexport type { NavLink, NavigationProps } from '../components/navigation/navigation'\nexport type { SocialLink, QuickLink, FooterProps } from '../components/footer/footer'\n\n// Import types for the annotate-and-cast assertions below.\nimport type { HeroProps } from '../components/hero/hero'\nimport type { FAQItem, FAQProps } from '../components/faq/faq'\nimport type { FeatureItem, Feature, FeaturesProps } from '../components/features/features'\nimport type { PricingFeature, PricingProps } from '../components/pricing/pricing'\nimport type { PricingTierFeature, PricingTier, PricingTiersProps } from '../components/pricing/pricing-tiers'\nimport type { CTAButton, CTAProps } from '../components/cta/cta'\nimport type { FormField, ContactProps } from '../components/contact/contact'\nimport type { WorkflowItem, ProblemProps } from '../components/problem/problem'\nimport type { IntegrationNode, AnimationConfig, IntegrationProps } from '../components/integration/integration'\nimport type { NavLink, NavigationProps } from '../components/navigation/navigation'\nimport type { SocialLink, QuickLink, FooterProps } from '../components/footer/footer'\n\n// =============================================================================\n// Hero\n// =============================================================================\n\nexport const HeroPropsSchema: z.ZodType<HeroProps> = z.object({\n  badgeEmoji: z.string().optional(),\n  badgeText: z.string().optional(),\n  badgeHref: z.string().optional(),\n  heading: z.string().optional(),\n  description: z.string().optional(),\n  ctaText: z.string().optional(),\n  ctaHref: z.string().optional(),\n  ctaVariant: z.enum(['default', 'secondary', 'outline', 'ghost']).optional(),\n  rightImageSrc: z.string().optional(),\n  rightImageAlt: z.string().optional(),\n  rightImageSizes: z.string().optional(),\n  showIconOverlay: z.boolean().optional(),\n  marqueeTitle: z.string().optional(),\n  marqueeImages: z.array(z.string()).optional(),\n  className: z.string().optional(),\n}).describe('Hero section props') as z.ZodType<HeroProps>\n\n// =============================================================================\n// FAQ\n// =============================================================================\n\nexport const FAQItemSchema: z.ZodType<FAQItem> = z.object({\n  question: z.string(),\n  answer: z.string(),\n}).describe('FAQ item') as z.ZodType<FAQItem>\n\nexport const FAQPropsSchema: z.ZodType<FAQProps> = z.object({\n  heading: z.string().optional(),\n  faqs: z.array(FAQItemSchema).optional(),\n  backgroundColor: z.string().optional(),\n  className: z.string().optional(),\n}).describe('FAQ section props') as z.ZodType<FAQProps>\n\n// =============================================================================\n// Features\n// =============================================================================\n\nexport const FeatureItemSchema: z.ZodType<FeatureItem> = z.object({\n  text: z.string(),\n}).describe('Feature item (bullet)') as z.ZodType<FeatureItem>\n\nexport const FeatureSchema: z.ZodType<Feature> = z.object({\n  title: z.string(),\n  description: z.string(),\n  items: z.array(FeatureItemSchema),\n  code: z.string(),\n  badge: z.string(),\n}).describe('Feature card') as z.ZodType<Feature>\n\nexport const FeaturesPropsSchema: z.ZodType<FeaturesProps> = z.object({\n  heading: z.string().optional(),\n  description: z.string().optional(),\n  features: z.array(FeatureSchema).optional(),\n  className: z.string().optional(),\n}).describe('Features section props') as z.ZodType<FeaturesProps>\n\n// =============================================================================\n// Pricing (single-tier)\n// =============================================================================\n\nexport const PricingFeatureSchema: z.ZodType<PricingFeature> = z.object({\n  text: z.string(),\n}).describe('Pricing feature bullet') as z.ZodType<PricingFeature>\n\nexport const PricingPropsSchema: z.ZodType<PricingProps> = z.object({\n  heading: z.string().optional(),\n  subheading: z.string().optional(),\n  price: z.string().optional(),\n  priceUnit: z.string().optional(),\n  trialText: z.string().optional(),\n  ctaText: z.string().optional(),\n  ctaHref: z.string().optional(),\n  featuresHeading: z.string().optional(),\n  features: z.array(PricingFeatureSchema).optional(),\n  backgroundColor: z.string().optional(),\n  securityNote: z.string().optional(),\n  className: z.string().optional(),\n}).describe('Single-tier pricing section props') as z.ZodType<PricingProps>\n\n// =============================================================================\n// PricingTiers (multi-tier)\n// =============================================================================\n\nexport const PricingTierFeatureSchema: z.ZodType<PricingTierFeature> = z.object({\n  text: z.string(),\n}).describe('Pricing tier feature bullet') as z.ZodType<PricingTierFeature>\n\nexport const PricingTierSchema: z.ZodType<PricingTier> = z.object({\n  title: z.string(),\n  description: z.string(),\n  price: z.string(),\n  priceUnit: z.string(),\n  ctaText: z.string(),\n  ctaVariant: z.enum(['primary', 'secondary']).optional(),\n  ctaHref: z.string().optional(),\n  features: z.array(PricingTierFeatureSchema),\n  image: z.string().optional(),\n  imageAlt: z.string().optional(),\n  featured: z.boolean().optional(),\n}).describe('Pricing tier card') as z.ZodType<PricingTier>\n\nexport const PricingTiersPropsSchema: z.ZodType<PricingTiersProps> = z.object({\n  heading: z.string().optional(),\n  subheading: z.string().optional(),\n  tiers: z.array(PricingTierSchema).optional(),\n  backgroundColor: z.string().optional(),\n  securityNote: z.string().optional(),\n  className: z.string().optional(),\n}).describe('Multi-tier pricing section props') as z.ZodType<PricingTiersProps>\n\n// Backwards-friendly aliases matching the issue's vocabulary.\nexport const Pricing1PropsSchema = PricingPropsSchema\nexport const Pricing2PropsSchema = PricingTiersPropsSchema\n\n// =============================================================================\n// CTA\n// =============================================================================\n\nexport const CTAButtonSchema: z.ZodType<CTAButton> = z.object({\n  text: z.string(),\n  href: z.string(),\n  variant: z.enum(['primary', 'secondary']).optional(),\n  showArrow: z.boolean().optional(),\n}).describe('CTA button') as z.ZodType<CTAButton>\n\nexport const CTAPropsSchema: z.ZodType<CTAProps> = z.object({\n  heading: z.string().optional(),\n  subheading: z.string().optional(),\n  buttons: z.array(CTAButtonSchema).optional(),\n  backgroundColor: z.enum(['light', 'blue', 'green', 'purple', 'orange']).optional(),\n  className: z.string().optional(),\n}).describe('CTA section props') as z.ZodType<CTAProps>\n\n// =============================================================================\n// Contact\n// =============================================================================\n\nexport const FormFieldSchema: z.ZodType<FormField> = z.object({\n  id: z.string(),\n  label: z.string(),\n  type: z.enum(['text', 'email', 'tel', 'textarea']),\n  placeholder: z.string().optional(),\n  required: z.boolean().optional(),\n}).describe('Contact form field') as z.ZodType<FormField>\n\nexport const ContactPropsSchema: z.ZodType<ContactProps> = z.object({\n  heading: z.string().optional(),\n  subheading: z.string().optional(),\n  fields: z.array(FormFieldSchema).optional(),\n  submitButtonText: z.string().optional(),\n  successMessage: z.string().optional(),\n  errorMessage: z.string().optional(),\n  // Non-translating: function fields are accepted but not deeply validated.\n  onSubmit: z.function().optional(),\n  backgroundColor: z.string().optional(),\n  className: z.string().optional(),\n}).describe('Contact section props') as z.ZodType<ContactProps>\n\n// =============================================================================\n// Problem\n// =============================================================================\n\nexport const WorkflowItemSchema: z.ZodType<WorkflowItem> = z.object({\n  // Non-translating: react-icons IconType is a function — round-trip via z.custom.\n  icon: z.custom<IconType>((v) => typeof v === 'function'),\n  label: z.string(),\n}).describe('Workflow chip') as z.ZodType<WorkflowItem>\n\nexport const ProblemPropsSchema: z.ZodType<ProblemProps> = z.object({\n  heading: z.string().optional(),\n  headingHighlight: z.string().optional(),\n  workflows: z.array(WorkflowItemSchema).optional(),\n  subheading: z.string().optional(),\n  subheadingHighlight: z.string().optional(),\n  highlightColor: z.string().optional(),\n  marqueeDuration: z.string().optional(),\n  marqueeGap: z.string().optional(),\n  backgroundColor: z.string().optional(),\n  className: z.string().optional(),\n}).describe('Problem section props') as z.ZodType<ProblemProps>\n\n// =============================================================================\n// Integration\n// =============================================================================\n\nexport const IntegrationNodeSchema: z.ZodType<IntegrationNode> = z.object({\n  type: z.enum(['image', 'icon', 'component']),\n  // Non-translating: string | React.ReactNode — accept anything, runtime user decides.\n  content: z.union([z.string(), z.any()]),\n  alt: z.string().optional(),\n  className: z.string().optional(),\n}).describe('Integration node (left/right of the beam)') as z.ZodType<IntegrationNode>\n\nexport const AnimationConfigSchema: z.ZodType<AnimationConfig> = z.object({\n  startYOffset: z.number().optional(),\n  endYOffset: z.number().optional(),\n  curvature: z.number().optional(),\n  duration: z.number().optional(),\n  reverse: z.boolean().optional(),\n}).describe('AnimatedBeam configuration') as z.ZodType<AnimationConfig>\n\nexport const IntegrationPropsSchema: z.ZodType<IntegrationProps> = z.object({\n  title: z.string().optional(),\n  description: z.string().optional(),\n  buttonText: z.string().optional(),\n  buttonHref: z.string().optional(),\n  leftNode: IntegrationNodeSchema,\n  rightNode: IntegrationNodeSchema,\n  beamAnimations: z.array(AnimationConfigSchema).optional(),\n  gridPatternWidth: z.number().optional(),\n  gridPatternHeight: z.number().optional(),\n  maxWidth: z.enum(['sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl']).optional(),\n  className: z.string().optional(),\n  contentOrder: z.enum(['left', 'right']).optional(),\n}).describe('Integration section props') as z.ZodType<IntegrationProps>\n\n// =============================================================================\n// Navigation\n// =============================================================================\n\nexport const NavLinkSchema: z.ZodType<NavLink> = z.object({\n  label: z.string(),\n  href: z.string(),\n}).describe('Nav link') as z.ZodType<NavLink>\n\nexport const NavigationPropsSchema: z.ZodType<NavigationProps> = z.object({\n  // Non-translating: string | React.ReactNode.\n  logo: z.union([z.string(), z.any()]).optional(),\n  logoHref: z.string().optional(),\n  links: z.array(NavLinkSchema).optional(),\n  ctaText: z.string().optional(),\n  ctaHref: z.string().optional(),\n  ctaVariant: z.enum(['default', 'secondary', 'outline', 'ghost', 'link', 'destructive']).optional(),\n  className: z.string().optional(),\n  maxWidth: z.enum(['sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl', '7xl', 'full']).optional(),\n  sticky: z.boolean().optional(),\n  showScrollEffect: z.boolean().optional(),\n}).describe('Navigation section props') as z.ZodType<NavigationProps>\n\n// =============================================================================\n// Footer\n// =============================================================================\n\nexport const SocialLinkSchema: z.ZodType<SocialLink> = z.object({\n  href: z.string(),\n  // Non-translating: react-icons IconType is a function — round-trip via z.custom.\n  icon: z.custom<IconType>((v) => typeof v === 'function'),\n  label: z.string(),\n}).describe('Social link') as z.ZodType<SocialLink>\n\nexport const QuickLinkSchema: z.ZodType<QuickLink> = z.object({\n  href: z.string(),\n  label: z.string(),\n}).describe('Footer quick link') as z.ZodType<QuickLink>\n\nexport const FooterPropsSchema: z.ZodType<FooterProps> = z.object({\n  logo: z.string().optional(),\n  description: z.string().optional(),\n  socialLinks: z.array(SocialLinkSchema).optional(),\n  quickLinks: z.array(QuickLinkSchema).optional(),\n  contactTitle: z.string().optional(),\n  emailPlaceholder: z.string().optional(),\n  // Non-translating: function field.\n  onEmailSubmit: z.function().optional(),\n  copyrightText: z.string().optional(),\n  showThemeToggle: z.boolean().optional(),\n  className: z.string().optional(),\n}).describe('Footer section props') as z.ZodType<FooterProps>\n"],"mappings":"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","names":[]}

package/dist/shared/index.js

@@ -293,7 +293,7 @@ function GridPattern({
     "svg",
     {
       "aria-hidden": "true",
-      className: cn("pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-gray-400/30", className),
+      className: cn("pointer-events-none absolute inset-0 h-full w-full fill-muted-foreground/20 stroke-muted-foreground/20", className),
       ...props,
       children: [
         /* @__PURE__ */ jsx5("defs", { children: /* @__PURE__ */ jsx5("pattern", { id, width, height, patternUnits: "userSpaceOnUse", x, y, children: /* @__PURE__ */ jsx5("path", { d: `M.5 ${height}V.5H${width}`, fill: "none", strokeDasharray }) }) }),

package/dist/shared/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/shared/scroll-reveal/scroll-reveal.tsx","../../src/shared/animated-beam/animated-beam.tsx","../../src/lib/utils.ts","../../src/shared/marquee/marquee.tsx","../../src/shared/code-window/code-window.tsx","../../src/shared/grid-pattern/grid-pattern.tsx"],"sourcesContent":["'use client'\n\nimport { motion, Variants } from 'motion/react'\nimport { ReactNode } from 'react'\n\nexport interface ScrollRevealProps {\n  children: ReactNode\n  className?: string\n  delay?: number\n  direction?: 'up' | 'down' | 'left' | 'right' | 'none'\n  duration?: number\n  trigger?: 'inView' | 'mount'\n  once?: boolean\n  margin?: string\n}\n\nconst directionVariants: Record<string, Variants> = {\n  up: {\n    hidden: { opacity: 0, y: 50 },\n    visible: { opacity: 1, y: 0 },\n  },\n  down: {\n    hidden: { opacity: 0, y: -50 },\n    visible: { opacity: 1, y: 0 },\n  },\n  left: {\n    hidden: { opacity: 0, x: -50 },\n    visible: { opacity: 1, x: 0 },\n  },\n  right: {\n    hidden: { opacity: 0, x: 50 },\n    visible: { opacity: 1, x: 0 },\n  },\n  none: {\n    hidden: { opacity: 0 },\n    visible: { opacity: 1 },\n  },\n}\n\nexport function ScrollReveal({\n  children,\n  className,\n  delay = 0,\n  direction = 'up',\n  duration = 0.5,\n  trigger = 'inView',\n  once = true,\n  margin = '-100px',\n}: ScrollRevealProps) {\n  if (trigger === 'mount') {\n    return (\n      <motion.div\n        initial=\"hidden\"\n        animate=\"visible\"\n        transition={{ duration, delay, ease: 'easeOut' }}\n        variants={directionVariants[direction]}\n        className={className}\n      >\n        {children}\n      </motion.div>\n    )\n  }\n\n  return (\n    <motion.div\n      initial=\"hidden\"\n      whileInView=\"visible\"\n      viewport={{ once, margin }}\n      transition={{ duration, delay, ease: 'easeOut' }}\n      variants={directionVariants[direction]}\n      className={className}\n    >\n      {children}\n    </motion.div>\n  )\n}\n","'use client'\n\nimport { RefObject, useEffect, useId, useState } from 'react'\nimport { motion } from 'motion/react'\nimport { cn } from '../../lib/utils'\n\nexport interface AnimatedBeamProps {\n  className?: string\n  containerRef: RefObject<HTMLElement | null>\n  fromRef: RefObject<HTMLElement | null>\n  toRef: RefObject<HTMLElement | null>\n  curvature?: number\n  reverse?: boolean\n  pathColor?: string\n  pathWidth?: number\n  pathOpacity?: number\n  gradientStartColor?: string\n  gradientStopColor?: string\n  delay?: number\n  duration?: number\n  startXOffset?: number\n  startYOffset?: number\n  endXOffset?: number\n  endYOffset?: number\n}\n\nexport function AnimatedBeam({\n  className,\n  containerRef,\n  fromRef,\n  toRef,\n  curvature = 0,\n  reverse = false,\n  duration = Math.random() * 3 + 4,\n  delay = 0,\n  pathColor = 'gray',\n  pathWidth = 2,\n  pathOpacity = 0.2,\n  gradientStartColor = '#ffaa40',\n  gradientStopColor = '#9c40ff',\n  startXOffset = 0,\n  startYOffset = 0,\n  endXOffset = 0,\n  endYOffset = 0,\n}: AnimatedBeamProps) {\n  const id = useId()\n  const [pathD, setPathD] = useState('')\n  const [svgDimensions, setSvgDimensions] = useState({ width: 0, height: 0 })\n\n  const gradientCoordinates = reverse\n    ? {\n        x1: ['90%', '-10%'],\n        x2: ['100%', '0%'],\n        y1: ['0%', '0%'],\n        y2: ['0%', '0%'],\n      }\n    : {\n        x1: ['10%', '110%'],\n        x2: ['0%', '100%'],\n        y1: ['0%', '0%'],\n        y2: ['0%', '0%'],\n      }\n\n  useEffect(() => {\n    const updatePath = () => {\n      if (containerRef.current && fromRef.current && toRef.current) {\n        const containerRect = containerRef.current.getBoundingClientRect()\n        const rectA = fromRef.current.getBoundingClientRect()\n        const rectB = toRef.current.getBoundingClientRect()\n\n        const svgWidth = containerRect.width\n        const svgHeight = containerRect.height\n        setSvgDimensions({ width: svgWidth, height: svgHeight })\n\n        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset\n        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset\n        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset\n        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset\n\n        const controlY = startY - curvature\n        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`\n        setPathD(d)\n      }\n    }\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePath()\n    })\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    updatePath()\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset])\n\n  return (\n    <svg\n      fill=\"none\"\n      width={svgDimensions.width}\n      height={svgDimensions.height}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn('pointer-events-none absolute top-0 left-0 transform-gpu stroke-2', className)}\n      viewBox={`0 0 ${svgDimensions.width} ${svgDimensions.height}`}\n    >\n      <path d={pathD} stroke={pathColor} strokeWidth={pathWidth} strokeOpacity={pathOpacity} strokeLinecap=\"round\" />\n      <path d={pathD} strokeWidth={pathWidth} stroke={`url(#${id})`} strokeOpacity=\"1\" strokeLinecap=\"round\" />\n      <defs>\n        <motion.linearGradient\n          className=\"transform-gpu\"\n          id={id}\n          gradientUnits={'userSpaceOnUse'}\n          initial={{\n            x1: '0%',\n            x2: '0%',\n            y1: '0%',\n            y2: '0%',\n          }}\n          animate={{\n            x1: gradientCoordinates.x1,\n            x2: gradientCoordinates.x2,\n            y1: gradientCoordinates.y1,\n            y2: gradientCoordinates.y2,\n          }}\n          transition={{\n            delay,\n            duration,\n            ease: [0.16, 1, 0.3, 1],\n            repeat: Infinity,\n            repeatDelay: 0,\n          }}\n        >\n          <stop stopColor={gradientStartColor} stopOpacity=\"0\"></stop>\n          <stop stopColor={gradientStartColor}></stop>\n          <stop offset=\"32.5%\" stopColor={gradientStopColor}></stop>\n          <stop offset=\"100%\" stopColor={gradientStopColor} stopOpacity=\"0\"></stop>\n        </motion.linearGradient>\n      </defs>\n    </svg>\n  )\n}\n","import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { ComponentPropsWithoutRef } from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface MarqueeProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Optional CSS class name to apply custom styles\n   */\n  className?: string\n  /**\n   * Whether to reverse the animation direction\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Whether to pause the animation on hover\n   * @default false\n   */\n  pauseOnHover?: boolean\n  /**\n   * Content to be displayed in the marquee\n   */\n  children: React.ReactNode\n  /**\n   * Whether to animate vertically instead of horizontally\n   * @default false\n   */\n  vertical?: boolean\n  /**\n   * Number of times to repeat the content\n   * @default 4\n   */\n  repeat?: number\n}\n\nexport function Marquee({\n  className,\n  reverse = false,\n  pauseOnHover = false,\n  children,\n  vertical = false,\n  repeat = 4,\n  ...props\n}: MarqueeProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        'group flex [gap:var(--gap)] overflow-hidden p-2 [--duration:40s] [--gap:1rem]',\n        {\n          'flex-row': !vertical,\n          'flex-col': vertical,\n        },\n        className\n      )}\n    >\n      {Array(repeat)\n        .fill(0)\n        .map((_, i) => (\n          <div\n            key={i}\n            className={cn('flex shrink-0 justify-around [gap:var(--gap)]', {\n              'animate-marquee flex-row': !vertical,\n              'animate-marquee-vertical flex-col': vertical,\n              'group-hover:[animation-play-state:paused]': pauseOnHover,\n              '[animation-direction:reverse]': reverse,\n            })}\n          >\n            {children}\n          </div>\n        ))}\n    </div>\n  )\n}\n","import React from 'react'\n\nexport interface CodeWindowProps {\n  code: string\n  className?: string\n}\n\nexport function CodeWindow({ code, className }: CodeWindowProps) {\n  const highlightCode = (code: string) => {\n    const lines = code.split('\\n')\n    const result: React.ReactElement[] = []\n    let prevWasComment = false\n    let prevWasCode = false\n\n    for (let i = 0; i < lines.length; i++) {\n      const line = lines[i]\n      const isComment = line.trim().startsWith('//')\n      const isEmpty = line.trim() === ''\n      const isCode = !isComment && !isEmpty\n\n      if (isComment && prevWasCode) {\n        result.push(<div key={`space-before-${i}`} className=\"h-5\"></div>)\n      }\n\n      if (prevWasComment && isCode) {\n        result.push(<div key={`space-after-${i}`} className=\"h-5\"></div>)\n      }\n\n      if (isEmpty) {\n        result.push(<div key={i} className=\"h-5\"></div>)\n        prevWasComment = false\n        prevWasCode = false\n        continue\n      }\n\n      if (isComment) {\n        result.push(\n          <div key={i} className=\"text-[#7d8590]\">\n            {line}\n          </div>\n        )\n        prevWasComment = true\n        prevWasCode = false\n        continue\n      }\n\n      let highlighted = line\n\n      // Function names and properties with dots\n      highlighted = highlighted.replace(\n        /\\$\\.(\\w+)\\.(\\w+)/g,\n        '<span class=\"text-[#79c0ff]\">$</span>.<span class=\"text-[#d2a8ff]\">$1</span>.<span class=\"text-[#ffa657]\">$2</span>'\n      )\n\n      // Object properties\n      highlighted = highlighted.replace(/(\\w+):/g, '<span class=\"text-[#79c0ff]\">$1</span>:')\n\n      // Strings\n      highlighted = highlighted.replace(/'([^']*)'/g, \"<span class=\\\"text-[#a5d6ff]\\\">'$1'</span>\")\n\n      // Numbers\n      highlighted = highlighted.replace(/\\b(\\d+)\\b/g, '<span class=\"text-[#79c0ff]\">$1</span>')\n\n      result.push(<div key={i} dangerouslySetInnerHTML={{ __html: highlighted }} />)\n\n      prevWasComment = false\n      prevWasCode = true\n    }\n\n    return result\n  }\n\n  return (\n    <div className={`w-full h-full bg-[#0d1117] rounded-lg overflow-hidden ${className ?? ''}`}>\n      <div className=\"flex-1 overflow-auto p-6 lg:p-8\">\n        <pre className=\"text-sm lg:text-sm leading-relaxed font-mono text-[#e6edf3]\">{highlightCode(code)}</pre>\n      </div>\n    </div>\n  )\n}\n","import { useId } from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface GridPatternProps extends React.SVGProps<SVGSVGElement> {\n  width?: number\n  height?: number\n  x?: number\n  y?: number\n  squares?: Array<[x: number, y: number]>\n  strokeDasharray?: string\n  className?: string\n}\n\nexport function GridPattern({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = '0',\n  squares,\n  className,\n  ...props\n}: GridPatternProps) {\n  const id = useId()\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn('pointer-events-none absolute inset-0 h-full w-full fill-gray-400/30 stroke-gray-400/30', className)}\n      {...props}\n    >\n      <defs>\n        <pattern id={id} width={width} height={height} patternUnits=\"userSpaceOnUse\" x={x} y={y}>\n          <path d={`M.5 ${height}V.5H${width}`} fill=\"none\" strokeDasharray={strokeDasharray} />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n      {squares && (\n        <svg x={x} y={y} className=\"overflow-visible\">\n          {squares.map(([sx, sy]) => (\n            <rect strokeWidth=\"0\" key={`${sx}-${sy}`} width={width - 1} height={height - 1} x={sx * width + 1} y={sy * height + 1} />\n          ))}\n        </svg>\n      )}\n    </svg>\n  )\n}\n"],"mappings":"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","names":["motion","jsx","motion","jsx","jsx","code","useId","jsx","jsxs","useId"]}
+{"version":3,"sources":["../../src/shared/scroll-reveal/scroll-reveal.tsx","../../src/shared/animated-beam/animated-beam.tsx","../../src/lib/utils.ts","../../src/shared/marquee/marquee.tsx","../../src/shared/code-window/code-window.tsx","../../src/shared/grid-pattern/grid-pattern.tsx"],"sourcesContent":["'use client'\n\nimport { motion, Variants } from 'motion/react'\nimport { ReactNode } from 'react'\n\nexport interface ScrollRevealProps {\n  children: ReactNode\n  className?: string\n  delay?: number\n  direction?: 'up' | 'down' | 'left' | 'right' | 'none'\n  duration?: number\n  trigger?: 'inView' | 'mount'\n  once?: boolean\n  margin?: string\n}\n\nconst directionVariants: Record<string, Variants> = {\n  up: {\n    hidden: { opacity: 0, y: 50 },\n    visible: { opacity: 1, y: 0 },\n  },\n  down: {\n    hidden: { opacity: 0, y: -50 },\n    visible: { opacity: 1, y: 0 },\n  },\n  left: {\n    hidden: { opacity: 0, x: -50 },\n    visible: { opacity: 1, x: 0 },\n  },\n  right: {\n    hidden: { opacity: 0, x: 50 },\n    visible: { opacity: 1, x: 0 },\n  },\n  none: {\n    hidden: { opacity: 0 },\n    visible: { opacity: 1 },\n  },\n}\n\nexport function ScrollReveal({\n  children,\n  className,\n  delay = 0,\n  direction = 'up',\n  duration = 0.5,\n  trigger = 'inView',\n  once = true,\n  margin = '-100px',\n}: ScrollRevealProps) {\n  if (trigger === 'mount') {\n    return (\n      <motion.div\n        initial=\"hidden\"\n        animate=\"visible\"\n        transition={{ duration, delay, ease: 'easeOut' }}\n        variants={directionVariants[direction]}\n        className={className}\n      >\n        {children}\n      </motion.div>\n    )\n  }\n\n  return (\n    <motion.div\n      initial=\"hidden\"\n      whileInView=\"visible\"\n      viewport={{ once, margin }}\n      transition={{ duration, delay, ease: 'easeOut' }}\n      variants={directionVariants[direction]}\n      className={className}\n    >\n      {children}\n    </motion.div>\n  )\n}\n","'use client'\n\nimport { RefObject, useEffect, useId, useState } from 'react'\nimport { motion } from 'motion/react'\nimport { cn } from '../../lib/utils'\n\nexport interface AnimatedBeamProps {\n  className?: string\n  containerRef: RefObject<HTMLElement | null>\n  fromRef: RefObject<HTMLElement | null>\n  toRef: RefObject<HTMLElement | null>\n  curvature?: number\n  reverse?: boolean\n  pathColor?: string\n  pathWidth?: number\n  pathOpacity?: number\n  gradientStartColor?: string\n  gradientStopColor?: string\n  delay?: number\n  duration?: number\n  startXOffset?: number\n  startYOffset?: number\n  endXOffset?: number\n  endYOffset?: number\n}\n\nexport function AnimatedBeam({\n  className,\n  containerRef,\n  fromRef,\n  toRef,\n  curvature = 0,\n  reverse = false,\n  duration = Math.random() * 3 + 4,\n  delay = 0,\n  pathColor = 'gray',\n  pathWidth = 2,\n  pathOpacity = 0.2,\n  gradientStartColor = '#ffaa40',\n  gradientStopColor = '#9c40ff',\n  startXOffset = 0,\n  startYOffset = 0,\n  endXOffset = 0,\n  endYOffset = 0,\n}: AnimatedBeamProps) {\n  const id = useId()\n  const [pathD, setPathD] = useState('')\n  const [svgDimensions, setSvgDimensions] = useState({ width: 0, height: 0 })\n\n  const gradientCoordinates = reverse\n    ? {\n        x1: ['90%', '-10%'],\n        x2: ['100%', '0%'],\n        y1: ['0%', '0%'],\n        y2: ['0%', '0%'],\n      }\n    : {\n        x1: ['10%', '110%'],\n        x2: ['0%', '100%'],\n        y1: ['0%', '0%'],\n        y2: ['0%', '0%'],\n      }\n\n  useEffect(() => {\n    const updatePath = () => {\n      if (containerRef.current && fromRef.current && toRef.current) {\n        const containerRect = containerRef.current.getBoundingClientRect()\n        const rectA = fromRef.current.getBoundingClientRect()\n        const rectB = toRef.current.getBoundingClientRect()\n\n        const svgWidth = containerRect.width\n        const svgHeight = containerRect.height\n        setSvgDimensions({ width: svgWidth, height: svgHeight })\n\n        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset\n        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset\n        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset\n        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset\n\n        const controlY = startY - curvature\n        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`\n        setPathD(d)\n      }\n    }\n\n    const resizeObserver = new ResizeObserver(() => {\n      updatePath()\n    })\n\n    if (containerRef.current) {\n      resizeObserver.observe(containerRef.current)\n    }\n\n    updatePath()\n\n    return () => {\n      resizeObserver.disconnect()\n    }\n  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset])\n\n  return (\n    <svg\n      fill=\"none\"\n      width={svgDimensions.width}\n      height={svgDimensions.height}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn('pointer-events-none absolute top-0 left-0 transform-gpu stroke-2', className)}\n      viewBox={`0 0 ${svgDimensions.width} ${svgDimensions.height}`}\n    >\n      <path d={pathD} stroke={pathColor} strokeWidth={pathWidth} strokeOpacity={pathOpacity} strokeLinecap=\"round\" />\n      <path d={pathD} strokeWidth={pathWidth} stroke={`url(#${id})`} strokeOpacity=\"1\" strokeLinecap=\"round\" />\n      <defs>\n        <motion.linearGradient\n          className=\"transform-gpu\"\n          id={id}\n          gradientUnits={'userSpaceOnUse'}\n          initial={{\n            x1: '0%',\n            x2: '0%',\n            y1: '0%',\n            y2: '0%',\n          }}\n          animate={{\n            x1: gradientCoordinates.x1,\n            x2: gradientCoordinates.x2,\n            y1: gradientCoordinates.y1,\n            y2: gradientCoordinates.y2,\n          }}\n          transition={{\n            delay,\n            duration,\n            ease: [0.16, 1, 0.3, 1],\n            repeat: Infinity,\n            repeatDelay: 0,\n          }}\n        >\n          <stop stopColor={gradientStartColor} stopOpacity=\"0\"></stop>\n          <stop stopColor={gradientStartColor}></stop>\n          <stop offset=\"32.5%\" stopColor={gradientStopColor}></stop>\n          <stop offset=\"100%\" stopColor={gradientStopColor} stopOpacity=\"0\"></stop>\n        </motion.linearGradient>\n      </defs>\n    </svg>\n  )\n}\n","import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { ComponentPropsWithoutRef } from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface MarqueeProps extends ComponentPropsWithoutRef<'div'> {\n  /**\n   * Optional CSS class name to apply custom styles\n   */\n  className?: string\n  /**\n   * Whether to reverse the animation direction\n   * @default false\n   */\n  reverse?: boolean\n  /**\n   * Whether to pause the animation on hover\n   * @default false\n   */\n  pauseOnHover?: boolean\n  /**\n   * Content to be displayed in the marquee\n   */\n  children: React.ReactNode\n  /**\n   * Whether to animate vertically instead of horizontally\n   * @default false\n   */\n  vertical?: boolean\n  /**\n   * Number of times to repeat the content\n   * @default 4\n   */\n  repeat?: number\n}\n\nexport function Marquee({\n  className,\n  reverse = false,\n  pauseOnHover = false,\n  children,\n  vertical = false,\n  repeat = 4,\n  ...props\n}: MarqueeProps) {\n  return (\n    <div\n      {...props}\n      className={cn(\n        'group flex [gap:var(--gap)] overflow-hidden p-2 [--duration:40s] [--gap:1rem]',\n        {\n          'flex-row': !vertical,\n          'flex-col': vertical,\n        },\n        className\n      )}\n    >\n      {Array(repeat)\n        .fill(0)\n        .map((_, i) => (\n          <div\n            key={i}\n            className={cn('flex shrink-0 justify-around [gap:var(--gap)]', {\n              'animate-marquee flex-row': !vertical,\n              'animate-marquee-vertical flex-col': vertical,\n              'group-hover:[animation-play-state:paused]': pauseOnHover,\n              '[animation-direction:reverse]': reverse,\n            })}\n          >\n            {children}\n          </div>\n        ))}\n    </div>\n  )\n}\n","import React from 'react'\n\nexport interface CodeWindowProps {\n  code: string\n  className?: string\n}\n\nexport function CodeWindow({ code, className }: CodeWindowProps) {\n  const highlightCode = (code: string) => {\n    const lines = code.split('\\n')\n    const result: React.ReactElement[] = []\n    let prevWasComment = false\n    let prevWasCode = false\n\n    for (let i = 0; i < lines.length; i++) {\n      const line = lines[i]\n      const isComment = line.trim().startsWith('//')\n      const isEmpty = line.trim() === ''\n      const isCode = !isComment && !isEmpty\n\n      if (isComment && prevWasCode) {\n        result.push(<div key={`space-before-${i}`} className=\"h-5\"></div>)\n      }\n\n      if (prevWasComment && isCode) {\n        result.push(<div key={`space-after-${i}`} className=\"h-5\"></div>)\n      }\n\n      if (isEmpty) {\n        result.push(<div key={i} className=\"h-5\"></div>)\n        prevWasComment = false\n        prevWasCode = false\n        continue\n      }\n\n      if (isComment) {\n        result.push(\n          <div key={i} className=\"text-[#7d8590]\">\n            {line}\n          </div>\n        )\n        prevWasComment = true\n        prevWasCode = false\n        continue\n      }\n\n      let highlighted = line\n\n      // Function names and properties with dots\n      highlighted = highlighted.replace(\n        /\\$\\.(\\w+)\\.(\\w+)/g,\n        '<span class=\"text-[#79c0ff]\">$</span>.<span class=\"text-[#d2a8ff]\">$1</span>.<span class=\"text-[#ffa657]\">$2</span>'\n      )\n\n      // Object properties\n      highlighted = highlighted.replace(/(\\w+):/g, '<span class=\"text-[#79c0ff]\">$1</span>:')\n\n      // Strings\n      highlighted = highlighted.replace(/'([^']*)'/g, \"<span class=\\\"text-[#a5d6ff]\\\">'$1'</span>\")\n\n      // Numbers\n      highlighted = highlighted.replace(/\\b(\\d+)\\b/g, '<span class=\"text-[#79c0ff]\">$1</span>')\n\n      result.push(<div key={i} dangerouslySetInnerHTML={{ __html: highlighted }} />)\n\n      prevWasComment = false\n      prevWasCode = true\n    }\n\n    return result\n  }\n\n  return (\n    <div className={`w-full h-full bg-[#0d1117] rounded-lg overflow-hidden ${className ?? ''}`}>\n      <div className=\"flex-1 overflow-auto p-6 lg:p-8\">\n        <pre className=\"text-sm lg:text-sm leading-relaxed font-mono text-[#e6edf3]\">{highlightCode(code)}</pre>\n      </div>\n    </div>\n  )\n}\n","import { useId } from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface GridPatternProps extends React.SVGProps<SVGSVGElement> {\n  width?: number\n  height?: number\n  x?: number\n  y?: number\n  squares?: Array<[x: number, y: number]>\n  strokeDasharray?: string\n  className?: string\n}\n\nexport function GridPattern({\n  width = 40,\n  height = 40,\n  x = -1,\n  y = -1,\n  strokeDasharray = '0',\n  squares,\n  className,\n  ...props\n}: GridPatternProps) {\n  const id = useId()\n\n  return (\n    <svg\n      aria-hidden=\"true\"\n      className={cn('pointer-events-none absolute inset-0 h-full w-full fill-muted-foreground/20 stroke-muted-foreground/20', className)}\n      {...props}\n    >\n      <defs>\n        <pattern id={id} width={width} height={height} patternUnits=\"userSpaceOnUse\" x={x} y={y}>\n          <path d={`M.5 ${height}V.5H${width}`} fill=\"none\" strokeDasharray={strokeDasharray} />\n        </pattern>\n      </defs>\n      <rect width=\"100%\" height=\"100%\" strokeWidth={0} fill={`url(#${id})`} />\n      {squares && (\n        <svg x={x} y={y} className=\"overflow-visible\">\n          {squares.map(([sx, sy]) => (\n            <rect strokeWidth=\"0\" key={`${sx}-${sy}`} width={width - 1} height={height - 1} x={sx * width + 1} y={sy * height + 1} />\n          ))}\n        </svg>\n      )}\n    </svg>\n  )\n}\n"],"mappings":";AAEA,SAAS,cAAwB;AAiD3B;AAnCN,IAAM,oBAA8C;AAAA,EAClD,IAAI;AAAA,IACF,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,IAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,EAC9B;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ,EAAE,SAAS,GAAG,GAAG,IAAI;AAAA,IAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,EAC9B;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ,EAAE,SAAS,GAAG,GAAG,IAAI;AAAA,IAC7B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,EAC9B;AAAA,EACA,OAAO;AAAA,IACL,QAAQ,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,IAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,EAC9B;AAAA,EACA,MAAM;AAAA,IACJ,QAAQ,EAAE,SAAS,EAAE;AAAA,IACrB,SAAS,EAAE,SAAS,EAAE;AAAA,EACxB;AACF;AAEO,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,UAAU;AAAA,EACV,OAAO;AAAA,EACP,SAAS;AACX,GAAsB;AACpB,MAAI,YAAY,SAAS;AACvB,WACE;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,SAAQ;AAAA,QACR,SAAQ;AAAA,QACR,YAAY,EAAE,UAAU,OAAO,MAAM,UAAU;AAAA,QAC/C,UAAU,kBAAkB,SAAS;AAAA,QACrC;AAAA,QAEC;AAAA;AAAA,IACH;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,SAAQ;AAAA,MACR,aAAY;AAAA,MACZ,UAAU,EAAE,MAAM,OAAO;AAAA,MACzB,YAAY,EAAE,UAAU,OAAO,MAAM,UAAU;AAAA,MAC/C,UAAU,kBAAkB,SAAS;AAAA,MACrC;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;;;ACzEA,SAAoB,WAAW,OAAO,gBAAgB;AACtD,SAAS,UAAAA,eAAc;;;ACHvB,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;;;ADwGM,gBAAAC,MAGE,YAHF;AAnFC,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW,KAAK,OAAO,IAAI,IAAI;AAAA,EAC/B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,eAAe;AAAA,EACf,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AACf,GAAsB;AACpB,QAAM,KAAK,MAAM;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AAE1E,QAAM,sBAAsB,UACxB;AAAA,IACE,IAAI,CAAC,OAAO,MAAM;AAAA,IAClB,IAAI,CAAC,QAAQ,IAAI;AAAA,IACjB,IAAI,CAAC,MAAM,IAAI;AAAA,IACf,IAAI,CAAC,MAAM,IAAI;AAAA,EACjB,IACA;AAAA,IACE,IAAI,CAAC,OAAO,MAAM;AAAA,IAClB,IAAI,CAAC,MAAM,MAAM;AAAA,IACjB,IAAI,CAAC,MAAM,IAAI;AAAA,IACf,IAAI,CAAC,MAAM,IAAI;AAAA,EACjB;AAEJ,YAAU,MAAM;AACd,UAAM,aAAa,MAAM;AACvB,UAAI,aAAa,WAAW,QAAQ,WAAW,MAAM,SAAS;AAC5D,cAAM,gBAAgB,aAAa,QAAQ,sBAAsB;AACjE,cAAM,QAAQ,QAAQ,QAAQ,sBAAsB;AACpD,cAAM,QAAQ,MAAM,QAAQ,sBAAsB;AAElD,cAAM,WAAW,cAAc;AAC/B,cAAM,YAAY,cAAc;AAChC,yBAAiB,EAAE,OAAO,UAAU,QAAQ,UAAU,CAAC;AAEvD,cAAM,SAAS,MAAM,OAAO,cAAc,OAAO,MAAM,QAAQ,IAAI;AACnE,cAAM,SAAS,MAAM,MAAM,cAAc,MAAM,MAAM,SAAS,IAAI;AAClE,cAAM,OAAO,MAAM,OAAO,cAAc,OAAO,MAAM,QAAQ,IAAI;AACjE,cAAM,OAAO,MAAM,MAAM,cAAc,MAAM,MAAM,SAAS,IAAI;AAEhE,cAAM,WAAW,SAAS;AAC1B,cAAM,IAAI,KAAK,MAAM,IAAI,MAAM,OAAO,SAAS,QAAQ,CAAC,IAAI,QAAQ,IAAI,IAAI,IAAI,IAAI;AACpF,iBAAS,CAAC;AAAA,MACZ;AAAA,IACF;AAEA,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,iBAAW;AAAA,IACb,CAAC;AAED,QAAI,aAAa,SAAS;AACxB,qBAAe,QAAQ,aAAa,OAAO;AAAA,IAC7C;AAEA,eAAW;AAEX,WAAO,MAAM;AACX,qBAAe,WAAW;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,cAAc,SAAS,OAAO,WAAW,cAAc,cAAc,YAAY,UAAU,CAAC;AAEhG,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO,cAAc;AAAA,MACrB,QAAQ,cAAc;AAAA,MACtB,OAAM;AAAA,MACN,WAAW,GAAG,oEAAoE,SAAS;AAAA,MAC3F,SAAS,OAAO,cAAc,KAAK,IAAI,cAAc,MAAM;AAAA,MAE3D;AAAA,wBAAAA,KAAC,UAAK,GAAG,OAAO,QAAQ,WAAW,aAAa,WAAW,eAAe,aAAa,eAAc,SAAQ;AAAA,QAC7G,gBAAAA,KAAC,UAAK,GAAG,OAAO,aAAa,WAAW,QAAQ,QAAQ,EAAE,KAAK,eAAc,KAAI,eAAc,SAAQ;AAAA,QACvG,gBAAAA,KAAC,UACC;AAAA,UAACC,QAAO;AAAA,UAAP;AAAA,YACC,WAAU;AAAA,YACV;AAAA,YACA,eAAe;AAAA,YACf,SAAS;AAAA,cACP,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,IAAI;AAAA,cACJ,IAAI;AAAA,YACN;AAAA,YACA,SAAS;AAAA,cACP,IAAI,oBAAoB;AAAA,cACxB,IAAI,oBAAoB;AAAA,cACxB,IAAI,oBAAoB;AAAA,cACxB,IAAI,oBAAoB;AAAA,YAC1B;AAAA,YACA,YAAY;AAAA,cACV;AAAA,cACA;AAAA,cACA,MAAM,CAAC,MAAM,GAAG,KAAK,CAAC;AAAA,cACtB,QAAQ;AAAA,cACR,aAAa;AAAA,YACf;AAAA,YAEA;AAAA,8BAAAD,KAAC,UAAK,WAAW,oBAAoB,aAAY,KAAI;AAAA,cACrD,gBAAAA,KAAC,UAAK,WAAW,oBAAoB;AAAA,cACrC,gBAAAA,KAAC,UAAK,QAAO,SAAQ,WAAW,mBAAmB;AAAA,cACnD,gBAAAA,KAAC,UAAK,QAAO,QAAO,WAAW,mBAAmB,aAAY,KAAI;AAAA;AAAA;AAAA,QACpE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AEtFU,gBAAAE,YAAA;AAxBH,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA,WAAW;AAAA,EACX,SAAS;AAAA,EACT,GAAG;AACL,GAAiB;AACf,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,YAAY,CAAC;AAAA,UACb,YAAY;AAAA,QACd;AAAA,QACA;AAAA,MACF;AAAA,MAEC,gBAAM,MAAM,EACV,KAAK,CAAC,EACN,IAAI,CAAC,GAAG,MACP,gBAAAA;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,GAAG,iDAAiD;AAAA,YAC7D,4BAA4B,CAAC;AAAA,YAC7B,qCAAqC;AAAA,YACrC,6CAA6C;AAAA,YAC7C,iCAAiC;AAAA,UACnC,CAAC;AAAA,UAEA;AAAA;AAAA,QARI;AAAA,MASP,CACD;AAAA;AAAA,EACL;AAEJ;;;ACnDoB,gBAAAC,YAAA;AAdb,SAAS,WAAW,EAAE,MAAM,UAAU,GAAoB;AAC/D,QAAM,gBAAgB,CAACC,UAAiB;AACtC,UAAM,QAAQA,MAAK,MAAM,IAAI;AAC7B,UAAM,SAA+B,CAAC;AACtC,QAAI,iBAAiB;AACrB,QAAI,cAAc;AAElB,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,YAAM,OAAO,MAAM,CAAC;AACpB,YAAM,YAAY,KAAK,KAAK,EAAE,WAAW,IAAI;AAC7C,YAAM,UAAU,KAAK,KAAK,MAAM;AAChC,YAAM,SAAS,CAAC,aAAa,CAAC;AAE9B,UAAI,aAAa,aAAa;AAC5B,eAAO,KAAK,gBAAAD,KAAC,SAA8B,WAAU,SAA/B,gBAAgB,CAAC,EAAoB,CAAM;AAAA,MACnE;AAEA,UAAI,kBAAkB,QAAQ;AAC5B,eAAO,KAAK,gBAAAA,KAAC,SAA6B,WAAU,SAA9B,eAAe,CAAC,EAAoB,CAAM;AAAA,MAClE;AAEA,UAAI,SAAS;AACX,eAAO,KAAK,gBAAAA,KAAC,SAAY,WAAU,SAAb,CAAmB,CAAM;AAC/C,yBAAiB;AACjB,sBAAc;AACd;AAAA,MACF;AAEA,UAAI,WAAW;AACb,eAAO;AAAA,UACL,gBAAAA,KAAC,SAAY,WAAU,kBACpB,kBADO,CAEV;AAAA,QACF;AACA,yBAAiB;AACjB,sBAAc;AACd;AAAA,MACF;AAEA,UAAI,cAAc;AAGlB,oBAAc,YAAY;AAAA,QACxB;AAAA,QACA;AAAA,MACF;AAGA,oBAAc,YAAY,QAAQ,WAAW,yCAAyC;AAGtF,oBAAc,YAAY,QAAQ,cAAc,0CAA4C;AAG5F,oBAAc,YAAY,QAAQ,cAAc,wCAAwC;AAExF,aAAO,KAAK,gBAAAA,KAAC,SAAY,yBAAyB,EAAE,QAAQ,YAAY,KAAlD,CAAqD,CAAE;AAE7E,uBAAiB;AACjB,oBAAc;AAAA,IAChB;AAEA,WAAO;AAAA,EACT;AAEA,SACE,gBAAAA,KAAC,SAAI,WAAW,yDAAyD,aAAa,EAAE,IACtF,0BAAAA,KAAC,SAAI,WAAU,mCACb,0BAAAA,KAAC,SAAI,WAAU,+DAA+D,wBAAc,IAAI,GAAE,GACpG,GACF;AAEJ;;;AC/EA,SAAS,SAAAE,cAAa;AA0BlB,SAOM,OAAAC,MAPN,QAAAC,aAAA;AAbG,SAAS,YAAY;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,QAAM,KAAKC,OAAM;AAEjB,SACE,gBAAAD;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAW,GAAG,0GAA0G,SAAS;AAAA,MAChI,GAAG;AAAA,MAEJ;AAAA,wBAAAD,KAAC,UACC,0BAAAA,KAAC,aAAQ,IAAQ,OAAc,QAAgB,cAAa,kBAAiB,GAAM,GACjF,0BAAAA,KAAC,UAAK,GAAG,OAAO,MAAM,OAAO,KAAK,IAAI,MAAK,QAAO,iBAAkC,GACtF,GACF;AAAA,QACA,gBAAAA,KAAC,UAAK,OAAM,QAAO,QAAO,QAAO,aAAa,GAAG,MAAM,QAAQ,EAAE,KAAK;AAAA,QACrE,WACC,gBAAAA,KAAC,SAAI,GAAM,GAAM,WAAU,oBACxB,kBAAQ,IAAI,CAAC,CAAC,IAAI,EAAE,MACnB,gBAAAA,KAAC,UAAK,aAAY,KAAwB,OAAO,QAAQ,GAAG,QAAQ,SAAS,GAAG,GAAG,KAAK,QAAQ,GAAG,GAAG,KAAK,SAAS,KAAzF,GAAG,EAAE,IAAI,EAAE,EAAiF,CACxH,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":["motion","jsx","motion","jsx","jsx","code","useId","jsx","jsxs","useId"]}

package/dist/view/index.d.ts

@@ -0,0 +1,166 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ThemePreset } from '@mdxui/themes';
+import { IconType } from 'react-icons';
+import { W as WorkflowItem } from '../problem-B2-XszSB.js';
+
+/** Single FAQ item. */
+type NamedAgentFaqItem = {
+    question: string;
+    answer: string;
+};
+/** Hero — persona pill (badge), heading/description, single CTA, optional
+ *  split image + a tool marquee below. */
+type NamedAgentHero = {
+    badgeEmoji?: string;
+    badgeText?: string;
+    badgeHref?: string;
+    heading: string;
+    description: string;
+    ctaText: string;
+    ctaHref: string;
+    /** Modelled for richer Startups; the named Hero renders a single CTA today. */
+    secondaryCtaText?: string;
+    secondaryCtaHref?: string;
+    rightImageSrc?: string;
+    rightImageAlt?: string;
+    showIconOverlay?: boolean;
+    marqueeTitle?: string;
+    marqueeImages?: string[];
+};
+/** Problem — workflow chips + dual-line headline. `icon` is a free-form hint
+ *  string (the wire can't carry a React component); the mapper resolves it to
+ *  a react-icons glyph, falling back to a neutral dot. */
+type NamedAgentWorkflow = {
+    icon: string;
+    label: string;
+};
+type NamedAgentProblem = {
+    heading: string;
+    workflows: NamedAgentWorkflow[];
+    subheading: string;
+    subheadingHighlight: string;
+};
+/** Features — numbered cards (title + description + bullet items + code window). */
+type NamedAgentFeature = {
+    title: string;
+    description: string;
+    items: {
+        text: string;
+    }[];
+    code: string;
+    badge: string;
+};
+type NamedAgentFeatures = {
+    heading: string;
+    description: string;
+    features: NamedAgentFeature[];
+};
+/** Pricing — Pricing1 (single tier) vs Pricing2 (multi-tier) fork, discriminated
+ *  on `variant` so both are expressible on one wire field. */
+type NamedAgentPricingFeature = {
+    text: string;
+};
+type NamedAgentPricingTier = {
+    title: string;
+    description: string;
+    price: string;
+    priceUnit: string;
+    ctaText: string;
+    ctaVariant?: 'primary' | 'secondary';
+    ctaHref?: string;
+    features: NamedAgentPricingFeature[];
+    image?: string;
+    imageAlt?: string;
+    featured?: boolean;
+};
+type NamedAgentPricing = {
+    variant: 'single';
+    heading: string;
+    subheading?: string;
+    price: string;
+    priceUnit: string;
+    trialText?: string;
+    ctaText: string;
+    ctaHref: string;
+    featuresHeading?: string;
+    features: NamedAgentPricingFeature[];
+    securityNote?: string;
+} | {
+    variant: 'tiers';
+    heading: string;
+    subheading?: string;
+    tiers: NamedAgentPricingTier[];
+    securityNote?: string;
+};
+type NamedAgentFaq = {
+    heading: string;
+    faqs: NamedAgentFaqItem[];
+};
+type NamedAgentCtaButton = {
+    text: string;
+    href: string;
+    variant?: 'primary' | 'secondary';
+    showArrow?: boolean;
+};
+type NamedAgentCta = {
+    heading: string;
+    subheading?: string;
+    buttons: NamedAgentCtaButton[];
+};
+/** Integration — animated-beam two-node motif. `content` is a free-form string
+ *  (icon name / image src / label); `type` tells the component how to render it. */
+type NamedAgentIntegrationNode = {
+    type: 'image' | 'icon' | 'component';
+    content: string;
+    alt?: string;
+};
+type NamedAgentIntegration = {
+    title: string;
+    description: string;
+    buttonText?: string;
+    buttonHref?: string;
+    leftNode: NamedAgentIntegrationNode;
+    rightNode: NamedAgentIntegrationNode;
+};
+/** Contact — presentation-only form (no submit handler on the wire). */
+type NamedAgentContactField = {
+    id: string;
+    label: string;
+    type: 'text' | 'email' | 'tel' | 'textarea';
+    placeholder?: string;
+    required?: boolean;
+};
+type NamedAgentContact = {
+    heading: string;
+    subheading?: string;
+    fields: NamedAgentContactField[];
+    submitButtonText: string;
+};
+/** Full named-agent landing content. */
+type NamedAgentLandingContent = {
+    hero: NamedAgentHero;
+    problem: NamedAgentProblem;
+    features: NamedAgentFeatures;
+    integration?: NamedAgentIntegration;
+    pricing: NamedAgentPricing;
+    faq: NamedAgentFaq;
+    cta: NamedAgentCta;
+    contact?: NamedAgentContact;
+};
+
+interface NamedAgentViewProps {
+    content: NamedAgentLandingContent;
+    theme: ThemePreset;
+    mode: 'light' | 'dark';
+    brandName: string;
+    hostname: string;
+}
+declare function NamedAgentView({ content, theme, mode, brandName, hostname }: NamedAgentViewProps): react_jsx_runtime.JSX.Element;
+
+/** Resolve one workflow icon hint to a react-icons component. */
+declare function resolveWorkflowIcon(hint: string): IconType;
+/** Map wire workflows ({ icon: hint, label }) → named Problem `WorkflowItem[]`
+ *  ({ icon: IconType, label }). */
+declare function mapWorkflows(workflows: NamedAgentWorkflow[]): WorkflowItem[];
+
+export { type NamedAgentContact, type NamedAgentContactField, type NamedAgentCta, type NamedAgentCtaButton, type NamedAgentFaq, type NamedAgentFaqItem, type NamedAgentFeature, type NamedAgentFeatures, type NamedAgentHero, type NamedAgentIntegration, type NamedAgentIntegrationNode, type NamedAgentLandingContent, type NamedAgentPricing, type NamedAgentPricingFeature, type NamedAgentPricingTier, type NamedAgentProblem, NamedAgentView, type NamedAgentViewProps, type NamedAgentWorkflow, NamedAgentView as default, mapWorkflows, resolveWorkflowIcon };