@mdxui/named 7.0.0 → 8.0.0

package/dist/shared/index.js

@@ -1,6 +1,69 @@
+// src/templates/studio/ui/button/button.tsx
+import * as React from "react";
+
+// src/lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/templates/studio/ui/button/button.tsx
+import { jsx } from "react/jsx-runtime";
+var baseClasses = "inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-ring) disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer";
+var variantClasses = {
+  default: "btn-gradient-dark text-(--color-btn-primary-fg) shadow-md hover:shadow-lg rounded-full",
+  secondary: "bg-(--color-surface-raised) text-(--color-fg) border border-(--color-border) shadow-sm hover:shadow-md rounded-full",
+  outline: "border border-(--color-border) bg-transparent text-(--color-fg) hover:bg-(--color-hover) rounded-full",
+  ghost: "text-(--color-fg) hover:bg-(--color-hover) rounded-full",
+  link: "text-(--color-fg) underline-offset-4 hover:underline",
+  accent: "bg-(--color-accent-strong) text-(--color-accent-fg) shadow-md hover:opacity-90 hover:shadow-lg rounded-full"
+};
+var sizeClasses = {
+  default: "h-12 px-6 py-3 text-base",
+  sm: "h-10 px-4 py-2 text-sm",
+  lg: "h-14 px-8 py-4 text-lg",
+  icon: "h-12 w-12"
+};
+var Button = React.forwardRef(
+  ({ className, variant = "default", size = "default", asChild = false, children, ...props }, ref) => {
+    const classes = cn(baseClasses, variantClasses[variant], sizeClasses[size], className);
+    if (asChild && React.isValidElement(children)) {
+      const child = children;
+      return React.cloneElement(child, {
+        ...props,
+        className: cn(classes, child.props.className)
+      });
+    }
+    return /* @__PURE__ */ jsx("button", { ref, className: classes, ...props, children });
+  }
+);
+Button.displayName = "Button";
+
+// src/templates/studio/ui/input/input.tsx
+import * as React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Input = React2.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx2(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-11 w-full rounded-md border border-(--color-border) bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-(--color-fg) placeholder:text-(--color-fg-muted) focus-visible:outline-none focus-visible:border-(--color-border-strong) focus-visible:ring-1 focus-visible:ring-(--color-ring) disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
 // src/shared/scroll-reveal/scroll-reveal.tsx
 import { motion } from "motion/react";
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 var directionVariants = {
   up: {
     hidden: { opacity: 0, y: 50 },
@@ -34,7 +97,7 @@ function ScrollReveal({
   margin = "-100px"
 }) {
   if (trigger === "mount") {
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx3(
       motion.div,
       {
         initial: "hidden",
@@ -46,7 +109,7 @@ function ScrollReveal({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     motion.div,
     {
       initial: "hidden",
@@ -60,133 +123,8 @@ function ScrollReveal({
   );
 }
 
-// src/shared/animated-beam/animated-beam.tsx
-import { useEffect, useId, useState } from "react";
-import { motion as motion2 } from "motion/react";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/shared/animated-beam/animated-beam.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-function AnimatedBeam({
-  className,
-  containerRef,
-  fromRef,
-  toRef,
-  curvature = 0,
-  reverse = false,
-  duration = Math.random() * 3 + 4,
-  delay = 0,
-  pathColor = "gray",
-  pathWidth = 2,
-  pathOpacity = 0.2,
-  gradientStartColor = "#ffaa40",
-  gradientStopColor = "#9c40ff",
-  startXOffset = 0,
-  startYOffset = 0,
-  endXOffset = 0,
-  endYOffset = 0
-}) {
-  const id = useId();
-  const [pathD, setPathD] = useState("");
-  const [svgDimensions, setSvgDimensions] = useState({ width: 0, height: 0 });
-  const gradientCoordinates = reverse ? {
-    x1: ["90%", "-10%"],
-    x2: ["100%", "0%"],
-    y1: ["0%", "0%"],
-    y2: ["0%", "0%"]
-  } : {
-    x1: ["10%", "110%"],
-    x2: ["0%", "100%"],
-    y1: ["0%", "0%"],
-    y2: ["0%", "0%"]
-  };
-  useEffect(() => {
-    const updatePath = () => {
-      if (containerRef.current && fromRef.current && toRef.current) {
-        const containerRect = containerRef.current.getBoundingClientRect();
-        const rectA = fromRef.current.getBoundingClientRect();
-        const rectB = toRef.current.getBoundingClientRect();
-        const svgWidth = containerRect.width;
-        const svgHeight = containerRect.height;
-        setSvgDimensions({ width: svgWidth, height: svgHeight });
-        const startX = rectA.left - containerRect.left + rectA.width / 2 + startXOffset;
-        const startY = rectA.top - containerRect.top + rectA.height / 2 + startYOffset;
-        const endX = rectB.left - containerRect.left + rectB.width / 2 + endXOffset;
-        const endY = rectB.top - containerRect.top + rectB.height / 2 + endYOffset;
-        const controlY = startY - curvature;
-        const d = `M ${startX},${startY} Q ${(startX + endX) / 2},${controlY} ${endX},${endY}`;
-        setPathD(d);
-      }
-    };
-    const resizeObserver = new ResizeObserver(() => {
-      updatePath();
-    });
-    if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    updatePath();
-    return () => {
-      resizeObserver.disconnect();
-    };
-  }, [containerRef, fromRef, toRef, curvature, startXOffset, startYOffset, endXOffset, endYOffset]);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      fill: "none",
-      width: svgDimensions.width,
-      height: svgDimensions.height,
-      xmlns: "http://www.w3.org/2000/svg",
-      className: cn("pointer-events-none absolute top-0 left-0 transform-gpu stroke-2", className),
-      viewBox: `0 0 ${svgDimensions.width} ${svgDimensions.height}`,
-      children: [
-        /* @__PURE__ */ jsx2("path", { d: pathD, stroke: pathColor, strokeWidth: pathWidth, strokeOpacity: pathOpacity, strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx2("path", { d: pathD, strokeWidth: pathWidth, stroke: `url(#${id})`, strokeOpacity: "1", strokeLinecap: "round" }),
-        /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsxs(
-          motion2.linearGradient,
-          {
-            className: "transform-gpu",
-            id,
-            gradientUnits: "userSpaceOnUse",
-            initial: {
-              x1: "0%",
-              x2: "0%",
-              y1: "0%",
-              y2: "0%"
-            },
-            animate: {
-              x1: gradientCoordinates.x1,
-              x2: gradientCoordinates.x2,
-              y1: gradientCoordinates.y1,
-              y2: gradientCoordinates.y2
-            },
-            transition: {
-              delay,
-              duration,
-              ease: [0.16, 1, 0.3, 1],
-              repeat: Infinity,
-              repeatDelay: 0
-            },
-            children: [
-              /* @__PURE__ */ jsx2("stop", { stopColor: gradientStartColor, stopOpacity: "0" }),
-              /* @__PURE__ */ jsx2("stop", { stopColor: gradientStartColor }),
-              /* @__PURE__ */ jsx2("stop", { offset: "32.5%", stopColor: gradientStopColor }),
-              /* @__PURE__ */ jsx2("stop", { offset: "100%", stopColor: gradientStopColor, stopOpacity: "0" })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-
 // src/shared/marquee/marquee.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx4 } from "react/jsx-runtime";
 function Marquee({
   className,
   reverse = false,
@@ -196,7 +134,7 @@ function Marquee({
   repeat = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx4(
     "div",
     {
       ...props,
@@ -208,7 +146,7 @@ function Marquee({
         },
         className
       ),
-      children: Array(repeat).fill(0).map((_, i) => /* @__PURE__ */ jsx3(
+      children: Array(repeat).fill(0).map((_, i) => /* @__PURE__ */ jsx4(
         "div",
         {
           className: cn("flex shrink-0 justify-around [gap:var(--gap)]", {
@@ -226,87 +164,40 @@ function Marquee({
 }
 
 // src/shared/code-window/code-window.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function CodeWindow({ code, className }) {
-  const highlightCode = (code2) => {
-    const lines = code2.split("\n");
-    const result = [];
-    let prevWasComment = false;
-    let prevWasCode = false;
-    for (let i = 0; i < lines.length; i++) {
-      const line = lines[i];
-      const isComment = line.trim().startsWith("//");
-      const isEmpty = line.trim() === "";
-      const isCode = !isComment && !isEmpty;
-      if (isComment && prevWasCode) {
-        result.push(/* @__PURE__ */ jsx4("div", { className: "h-5" }, `space-before-${i}`));
-      }
-      if (prevWasComment && isCode) {
-        result.push(/* @__PURE__ */ jsx4("div", { className: "h-5" }, `space-after-${i}`));
-      }
-      if (isEmpty) {
-        result.push(/* @__PURE__ */ jsx4("div", { className: "h-5" }, i));
-        prevWasComment = false;
-        prevWasCode = false;
-        continue;
-      }
-      if (isComment) {
-        result.push(
-          /* @__PURE__ */ jsx4("div", { className: "text-[#7d8590]", children: line }, i)
-        );
-        prevWasComment = true;
-        prevWasCode = false;
-        continue;
-      }
-      let highlighted = line;
-      highlighted = highlighted.replace(
-        /\$\.(\w+)\.(\w+)/g,
-        '<span class="text-[#79c0ff]">$</span>.<span class="text-[#d2a8ff]">$1</span>.<span class="text-[#ffa657]">$2</span>'
-      );
-      highlighted = highlighted.replace(/(\w+):/g, '<span class="text-[#79c0ff]">$1</span>:');
-      highlighted = highlighted.replace(/'([^']*)'/g, `<span class="text-[#a5d6ff]">'$1'</span>`);
-      highlighted = highlighted.replace(/\b(\d+)\b/g, '<span class="text-[#79c0ff]">$1</span>');
-      result.push(/* @__PURE__ */ jsx4("div", { dangerouslySetInnerHTML: { __html: highlighted } }, i));
-      prevWasComment = false;
-      prevWasCode = true;
-    }
-    return result;
-  };
-  return /* @__PURE__ */ jsx4("div", { className: `w-full h-full bg-[#0d1117] rounded-lg overflow-hidden ${className ?? ""}`, children: /* @__PURE__ */ jsx4("div", { className: "flex-1 overflow-auto p-6 lg:p-8", children: /* @__PURE__ */ jsx4("pre", { className: "text-sm lg:text-sm leading-relaxed font-mono text-[#e6edf3]", children: highlightCode(code) }) }) });
-}
-
-// src/shared/grid-pattern/grid-pattern.tsx
-import { useId as useId2 } from "react";
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-function GridPattern({
-  width = 40,
-  height = 40,
-  x = -1,
-  y = -1,
-  strokeDasharray = "0",
-  squares,
-  className,
-  ...props
+import { useEffect, useState } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function CodeWindow({
+  code,
+  language = "typescript",
+  themes = "github-dark-default",
+  className
 }) {
-  const id = useId2();
-  return /* @__PURE__ */ jsxs2(
-    "svg",
-    {
-      "aria-hidden": "true",
-      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 }) }) }),
-        /* @__PURE__ */ jsx5("rect", { width: "100%", height: "100%", strokeWidth: 0, fill: `url(#${id})` }),
-        squares && /* @__PURE__ */ jsx5("svg", { x, y, className: "overflow-visible", children: squares.map(([sx, sy]) => /* @__PURE__ */ jsx5("rect", { strokeWidth: "0", width: width - 1, height: height - 1, x: sx * width + 1, y: sy * height + 1 }, `${sx}-${sy}`)) })
-      ]
-    }
-  );
+  const [html, setHtml] = useState(null);
+  const themesKey = typeof themes === "string" ? themes : `${themes.light}/${themes.dark}`;
+  useEffect(() => {
+    let alive = true;
+    import("shiki").then(
+      ({ codeToHtml }) => codeToHtml(
+        code,
+        typeof themes === "string" ? { lang: language, theme: themes } : { lang: language, themes, defaultColor: "light" }
+      )
+    ).then((out) => {
+      if (alive) setHtml(out);
+    }).catch(() => {
+    });
+    return () => {
+      alive = false;
+    };
+  }, [code, language, themesKey]);
+  return /* @__PURE__ */ jsx5("div", { className: cn("w-full h-full overflow-auto font-mono", className), children: html ? (
+    // biome-ignore lint/security/noDangerouslySetInnerHtml: shiki output; input is escaped by shiki
+    /* @__PURE__ */ jsx5("div", { dangerouslySetInnerHTML: { __html: html } })
+  ) : /* @__PURE__ */ jsx5("pre", { className: "m-0 whitespace-pre", children: /* @__PURE__ */ jsx5("code", { children: code }) }) });
 }
 export {
-  AnimatedBeam,
+  Button,
   CodeWindow,
-  GridPattern,
+  Input,
   Marquee,
   ScrollReveal
 };

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-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":"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","names":["motion","jsx","motion","jsx","jsx","code","useId","jsx","jsxs","useId"]}
+{"version":3,"sources":["../../src/templates/studio/ui/button/button.tsx","../../src/lib/utils.ts","../../src/templates/studio/ui/input/input.tsx","../../src/shared/scroll-reveal/scroll-reveal.tsx","../../src/shared/marquee/marquee.tsx","../../src/shared/code-window/code-window.tsx"],"sourcesContent":["'use client'\n\n/**\n * The named-agents baseline Button (components/ui/button.tsx) — rounded-full\n * pills on the baseline token vocabulary: `btn-gradient-dark` ink-gradient\n * primary, surface-raised secondary, the persona `accent` variant, and the\n * h-12/text-base default size. The sections previously borrowed\n * @mdxui/primitives' Button (flat bg-primary, h-9, theme radius), which is a\n * different design language — buttons must speak the baseline tokens the\n * `[data-dialect=\"named\"]` envelope defines (`--color-btn-primary-*`,\n * `--color-surface-raised`, `--color-hover`, `--color-accent-*`).\n *\n * Ported without cva/Radix Slot to keep the package dependency-free: variants\n * are a plain class map, `asChild` clones the single child element (the named\n * call sites always pass one `<a>`).\n */\n\nimport * as React from 'react'\nimport { cn } from '../../../../lib/utils'\n\nexport type ButtonVariant = 'default' | 'secondary' | 'outline' | 'ghost' | 'link' | 'accent'\nexport type ButtonSize = 'default' | 'sm' | 'lg' | 'icon'\n\nconst baseClasses =\n  'inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--color-ring) disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer'\n\nconst variantClasses: Record<ButtonVariant, string> = {\n  default: 'btn-gradient-dark text-(--color-btn-primary-fg) shadow-md hover:shadow-lg rounded-full',\n  secondary:\n    'bg-(--color-surface-raised) text-(--color-fg) border border-(--color-border) shadow-sm hover:shadow-md rounded-full',\n  outline: 'border border-(--color-border) bg-transparent text-(--color-fg) hover:bg-(--color-hover) rounded-full',\n  ghost: 'text-(--color-fg) hover:bg-(--color-hover) rounded-full',\n  link: 'text-(--color-fg) underline-offset-4 hover:underline',\n  accent: 'bg-(--color-accent-strong) text-(--color-accent-fg) shadow-md hover:opacity-90 hover:shadow-lg rounded-full',\n}\n\nconst sizeClasses: Record<ButtonSize, string> = {\n  default: 'h-12 px-6 py-3 text-base',\n  sm: 'h-10 px-4 py-2 text-sm',\n  lg: 'h-14 px-8 py-4 text-lg',\n  icon: 'h-12 w-12',\n}\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  asChild?: boolean\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'default', size = 'default', asChild = false, children, ...props }, ref) => {\n    const classes = cn(baseClasses, variantClasses[variant], sizeClasses[size], className)\n\n    if (asChild && React.isValidElement(children)) {\n      const child = children as React.ReactElement<{ className?: string }>\n      return React.cloneElement(child, {\n        ...props,\n        className: cn(classes, child.props.className),\n      })\n    }\n\n    return (\n      <button ref={ref} className={classes} {...props}>\n        {children}\n      </button>\n    )\n  },\n)\nButton.displayName = 'Button'\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\n/** A src is renderable only when its bytes are guaranteed to resolve — an\n *  absolute http(s)/protocol-relative/data URL. App-relative paths\n *  (`/images/hero/hero-main.png`) and bare tokens (`\"linear\"`) 404 on the\n *  consumer host (the live priya.studio.sb broken hero + marquee), so image\n *  slots are skipped and the layout reflows to its no-image variant. */\nexport const isRenderableSrc = (s: string): boolean =>\n  /^(https?:)?\\/\\//i.test(s.trim()) || /^data:image\\//i.test(s.trim())\n\n/** Canonical display casing for common brand tokens; otherwise capitalize.\n *  Shared across templates — hero marquee chips (studio) and the ruled\n *  tool strip (executive) both render bare tool tokens as labels. */\nconst BRAND_LABELS: Record<string, string> = {\n  github: 'GitHub',\n  gitlab: 'GitLab',\n  linkedin: 'LinkedIn',\n  youtube: 'YouTube',\n  whatsapp: 'WhatsApp',\n  hubspot: 'HubSpot',\n  quickbooks: 'QuickBooks',\n  typescript: 'TypeScript',\n  javascript: 'JavaScript',\n  postgresql: 'PostgreSQL',\n  mongodb: 'MongoDB',\n  graphql: 'GraphQL',\n  openai: 'OpenAI',\n}\nexport const brandLabel = (s: string): string => {\n  const t = s.trim()\n  return BRAND_LABELS[t.toLowerCase()] ?? t.charAt(0).toUpperCase() + t.slice(1)\n}\n","'use client'\n\n/**\n * The named-agents baseline Input (components/ui/input.tsx), verbatim on the\n * baseline token vocabulary. Notably `h-11` and `bg-transparent` — the footer's\n * email capture positions a `py-3` submit button inside the field, which\n * overflows @mdxui/primitives' `h-9 bg-background` Input (the drift that broke\n * the footer input's padding).\n */\n\nimport * as React from 'react'\nimport { cn } from '../../../../lib/utils'\n\nexport const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<'input'>>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        type={type}\n        className={cn(\n          'flex h-11 w-full rounded-md border border-(--color-border) bg-transparent px-3 py-1 text-base transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-(--color-fg) placeholder:text-(--color-fg-muted) focus-visible:outline-none focus-visible:border-(--color-border-strong) focus-visible:ring-1 focus-visible:ring-(--color-ring) disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          className,\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  },\n)\nInput.displayName = 'Input'\n","'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","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","'use client'\n\n/**\n * CodeWindow — shiki-highlighted code block, shared across templates.\n *\n * The named-agent templates render whatever code the cascade generates for\n * ANY persona, so highlighting is a real tokenizer (shiki), not the\n * baseline's regex pass (which was grammar-locked to the `$.Priya.method()`\n * DSL shape). Shiki is dynamically imported so consumers only pay for it\n * when a code window actually mounts; until it resolves (and whenever\n * highlighting fails), the fallback is the plain escaped code — content is\n * never invisible.\n *\n * Theming: this component is visually NEUTRAL — the calling template owns\n * the panel (background, border, padding, type size) via `className`, and\n * the envelopes force `.shiki { background: transparent }` so shiki's theme\n * background never fights the panel. Pass a single theme name for a fixed\n * appearance (studio's always-dark panel) or a `{ light, dark }` pair to\n * follow the host's `.dark` class via the envelope's dual-theme CSS.\n */\n\nimport { useEffect, useState } from 'react'\nimport { cn } from '../../lib/utils'\n\nexport interface CodeWindowProps {\n  code: string\n  /** Shiki language id. The persona DSL is valid TypeScript — the default. */\n  language?: string\n  /** Shiki theme: one name = fixed; a pair = follows the host `.dark` class\n   *  (requires the envelope's `--shiki-dark` switch CSS). */\n  themes?: string | { light: string; dark: string }\n  className?: string\n}\n\nexport function CodeWindow({\n  code,\n  language = 'typescript',\n  themes = 'github-dark-default',\n  className,\n}: CodeWindowProps) {\n  const [html, setHtml] = useState<string | null>(null)\n  const themesKey = typeof themes === 'string' ? themes : `${themes.light}/${themes.dark}`\n\n  useEffect(() => {\n    let alive = true\n    import('shiki')\n      .then(({ codeToHtml }) =>\n        codeToHtml(\n          code,\n          typeof themes === 'string'\n            ? { lang: language, theme: themes }\n            : { lang: language, themes, defaultColor: 'light' },\n        ),\n      )\n      .then((out) => {\n        if (alive) setHtml(out)\n      })\n      .catch(() => {\n        // Unknown language / load failure → keep the plain fallback.\n      })\n    return () => {\n      alive = false\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- themesKey covers `themes`\n  }, [code, language, themesKey])\n\n  return (\n    <div className={cn('w-full h-full overflow-auto font-mono', className)}>\n      {html ? (\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: shiki output; input is escaped by shiki\n        <div dangerouslySetInnerHTML={{ __html: html }} />\n      ) : (\n        <pre className=\"m-0 whitespace-pre\">\n          <code>{code}</code>\n        </pre>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","names":["React","jsx","jsx","jsx","jsx"]}