@camox/cli 0.44.0 → 0.45.0

package/templates/default/src/blocks/navbar.tsx

@@ -1,110 +0,0 @@
-import { Type, createBlock } from "camox/createBlock";
-import { Link } from "camox/navigation";
-import type { ReactElement } from "react";
-
-import { Button } from "@/components/ui/button";
-
-const navbar = createBlock({
-  id: "navbar",
-  title: "Navbar",
-  layoutOnly: true,
-  synced: true,
-  description:
-    "A navigation bar at the top of a page with a brand name, navigation links, and a call-to-action link.",
-  content: {
-    title: Type.Link({
-      title: "Site name",
-      default: {
-        href: "/",
-        text: "{{projectName}}",
-        newTab: false,
-      },
-    }),
-    links: Type.Repeater({
-      content: {
-        link: Type.Link({
-          default: { text: "Link", href: "#", newTab: false },
-          title: "Link",
-        }),
-      },
-      minItems: 1,
-      maxItems: 6,
-      title: "Links",
-      toMarkdown: (c) => [c.link],
-    }),
-    cta: Type.Link({
-      default: { text: "Get started", href: "#", newTab: false },
-      title: "Call to action",
-    }),
-  },
-  settings: {
-    sticky: Type.Boolean({
-      default: true,
-      title: "Sticky",
-    }),
-  },
-  component: NavbarComponent,
-  toMarkdown: (c) => [c.title, c.links, c.cta],
-});
-
-function NavbarComponent(): ReactElement {
-  const sticky = navbar.useSetting("sticky");
-
-  const innerContent = (
-    <div className="container mx-auto px-4">
-      <div className="flex h-16 items-center justify-between">
-        <navbar.Link name="title">
-          {(props) => <Link {...props} className="text-foreground text-lg font-bold" />}
-        </navbar.Link>
-
-        <div className="flex items-center gap-6">
-          <navbar.Repeater name="links">
-            {(linkItem) => (
-              <linkItem.Link name="link">
-                {(props) => (
-                  <Link
-                    {...props}
-                    className="text-muted-foreground hover:text-foreground text-sm transition-colors"
-                  />
-                )}
-              </linkItem.Link>
-            )}
-          </navbar.Repeater>
-
-          <navbar.Link name="cta">
-            {(props) => (
-              <Button
-                size="sm"
-                variant="outline"
-                nativeButton={false}
-                render={<Link {...props} />}
-              />
-            )}
-          </navbar.Link>
-        </div>
-      </div>
-    </div>
-  );
-
-  if (!sticky) {
-    return <nav className="dark bg-background border-border border-b">{innerContent}</nav>;
-  }
-
-  return (
-    <>
-      <div aria-hidden className="dark bg-background h-16 border-b border-transparent" />
-      <navbar.Detached>
-        {(props) => (
-          <nav
-            {...props}
-            className="dark bg-background border-border fixed top-0 right-0 left-0 z-50 border-b"
-          >
-            {innerContent}
-          </nav>
-        )}
-      </navbar.Detached>
-    </>
-  );
-}
-
-export { navbar as block };

package/templates/default/src/blocks/youtube-video.tsx

@@ -1,158 +0,0 @@
-import { Type, createBlock } from "camox/createBlock";
-
-import { cn } from "@/lib/utils";
-
-const youtubeVideo = createBlock({
-  id: "youtube-video",
-  title: "YouTube Video",
-  description:
-    "Embeds a YouTube video. Use this block to display a single YouTube video on a page. Don't try to guess the URL, use a web search tool to find a specific video URL instead.",
-  content: {
-    url: Type.Embed({
-      pattern:
-        "https:\\/\\/(www\\.)?(youtube\\.com\\/(watch\\?v=|embed\\/|shorts\\/)|youtu\\.be\\/).+",
-      default: "https://www.youtube.com/watch?v=-W_nFlIAWFM",
-      title: "YouTube URL",
-    }),
-  },
-  settings: {
-    fullWidth: Type.Boolean({
-      default: false,
-      title: "Full Width",
-    }),
-    theme: Type.Enum({
-      options: {
-        light: "Light",
-        dark: "Dark",
-      },
-      default: "light",
-      title: "Theme",
-    }),
-    autoplay: Type.Boolean({
-      default: false,
-      title: "Autoplay",
-    }),
-    mute: Type.Boolean({
-      default: false,
-      title: "Mute",
-    }),
-    controls: Type.Boolean({
-      default: true,
-      title: "Controls",
-    }),
-    showCaptions: Type.Boolean({
-      default: false,
-      title: "Show Captions",
-    }),
-    rel: Type.Boolean({
-      default: false,
-      title: "Related Videos",
-    }),
-    fullscreen: Type.Boolean({
-      default: true,
-      title: "Fullscreen",
-    }),
-  },
-  component: YouTubeVideoComponent,
-  toMarkdown: (c) => [c.url],
-});
-
-function extractVideoId(url: string): string | null {
-  const shortMatch = url.match(/youtu\.be\/([^?&]+)/);
-  if (shortMatch) return shortMatch[1];
-
-  const shortsMatch = url.match(/youtube\.com\/shorts\/([^?&]+)/);
-  if (shortsMatch) return shortsMatch[1];
-
-  const watchMatch = url.match(/[?&]v=([^&]+)/);
-  if (watchMatch) return watchMatch[1];
-
-  const embedMatch = url.match(/youtube\.com\/embed\/([^?&]+)/);
-  if (embedMatch) return embedMatch[1];
-
-  return null;
-}
-
-interface YouTubeParams {
-  autoplay: boolean;
-  mute: boolean;
-  controls: boolean;
-  showCaptions: boolean;
-  rel: boolean;
-  fullscreen: boolean;
-}
-
-function getYouTubeEmbedUrl(url: string, params: YouTubeParams): string {
-  const videoId = extractVideoId(url);
-  if (!videoId) return url;
-
-  const searchParams = new URLSearchParams();
-
-  if (params.autoplay) searchParams.set("autoplay", "1");
-  if (params.mute) searchParams.set("mute", "1");
-  if (!params.controls) searchParams.set("controls", "0");
-  if (params.showCaptions) searchParams.set("cc_load_policy", "1");
-  if (!params.rel) searchParams.set("rel", "0");
-  if (!params.fullscreen) searchParams.set("fs", "0");
-  searchParams.set("disablekb", "1");
-
-  const query = searchParams.toString();
-  return `https://www.youtube.com/embed/${videoId}${query ? `?${query}` : ""}`;
-}
-
-function YouTubeVideoComponent() {
-  const fullWidth = youtubeVideo.useSetting("fullWidth");
-  const theme = youtubeVideo.useSetting("theme");
-  const autoplay = youtubeVideo.useSetting("autoplay");
-  const mute = youtubeVideo.useSetting("mute");
-  const controls = youtubeVideo.useSetting("controls");
-  const showCaptions = youtubeVideo.useSetting("showCaptions");
-  const rel = youtubeVideo.useSetting("rel");
-  const fullscreen = youtubeVideo.useSetting("fullscreen");
-
-  const params: YouTubeParams = {
-    autoplay,
-    mute,
-    controls,
-    showCaptions,
-    rel,
-    fullscreen,
-  };
-
-  return (
-    <section className={cn(theme === "dark" ? "dark" : "light")}>
-      <div className={cn("bg-background", !fullWidth && "py-12")}>
-        <div className={cn(!fullWidth && "container mx-auto px-4")}>
-          <youtubeVideo.Embed name="url">
-            {(_props, { url }) => (
-              <div
-                className={cn(
-                  "relative w-full",
-                  !fullWidth && "overflow-hidden rounded-lg shadow-lg",
-                )}
-                style={{ paddingBottom: "56.25%" }}
-              >
-                <iframe
-                  src={getYouTubeEmbedUrl(url, params)}
-                  title="YouTube video"
-                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                  allowFullScreen={fullscreen}
-                  style={{
-                    position: "absolute",
-                    top: 0,
-                    left: 0,
-                    width: "100%",
-                    height: "100%",
-                    border: 0,
-                  }}
-                />
-              </div>
-            )}
-          </youtubeVideo.Embed>
-        </div>
-      </div>
-    </section>
-  );
-}
-
-export { youtubeVideo as block };

package/templates/default/src/components/ui/accordion.tsx

@@ -1,70 +0,0 @@
-import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
-import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-
-function Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {
-  return (
-    <AccordionPrimitive.Root
-      data-slot="accordion"
-      className={cn("flex w-full flex-col", className)}
-      {...props}
-    />
-  );
-}
-
-function AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {
-  return (
-    <AccordionPrimitive.Item
-      data-slot="accordion-item"
-      className={cn("not-last:border-b", className)}
-      {...props}
-    />
-  );
-}
-
-function AccordionTrigger({ className, children, ...props }: AccordionPrimitive.Trigger.Props) {
-  return (
-    <AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger
-        data-slot="accordion-trigger"
-        className={cn(
-          "group/accordion-trigger relative flex flex-1 items-start justify-between rounded-md border border-transparent py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring aria-disabled:pointer-events-none aria-disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ml-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground",
-          className,
-        )}
-        {...props}
-      >
-        {children}
-        <ChevronDownIcon
-          data-slot="accordion-trigger-icon"
-          className="pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden"
-        />
-        <ChevronUpIcon
-          data-slot="accordion-trigger-icon"
-          className="pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline"
-        />
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>
-  );
-}
-
-function AccordionContent({ className, children, ...props }: AccordionPrimitive.Panel.Props) {
-  return (
-    <AccordionPrimitive.Panel
-      data-slot="accordion-content"
-      className="data-open:animate-accordion-down data-closed:animate-accordion-up overflow-hidden text-sm"
-      {...props}
-    >
-      <div
-        className={cn(
-          "h-(--accordion-panel-height) pt-0 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4",
-          className,
-        )}
-      >
-        {children}
-      </div>
-    </AccordionPrimitive.Panel>
-  );
-}
-
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/templates/default/src/components/ui/button.tsx

@@ -1,58 +0,0 @@
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva, type VariantProps } from "class-variance-authority";
-
-import { cn } from "@/lib/utils";
-
-const buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline:
-          "border-border bg-background text-foreground shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost:
-          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive:
-          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default:
-          "h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5",
-        lg: "h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        icon: "size-9",
-        "icon-xs":
-          "size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm":
-          "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md",
-        "icon-lg": "size-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
-  return (
-    <ButtonPrimitive
-      data-slot="button"
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  );
-}
-
-export { Button, buttonVariants };

package/templates/default/src/document.ts

@@ -1,7 +0,0 @@
-import { defineDocument } from "camox/document";
-
-export default defineDocument({
-  htmlAttrs: { lang: "en" },
-  title: "{{projectName}}",
-  meta: [{ name: "viewport", content: "width=device-width, initial-scale=1" }],
-});

package/templates/default/src/layouts/default.tsx

@@ -1,88 +0,0 @@
-import { createLayout } from "camox/createLayout";
-
-import { block as faqBlock } from "../blocks/faq";
-import { block as footerBlock } from "../blocks/footer";
-import { block as heroBlock } from "../blocks/hero";
-import { block as navbarBlock } from "../blocks/navbar";
-
-const defaultLayout = createLayout({
-  id: "default",
-  title: "Default",
-  description: "Default page layout with a navbar and footer",
-  blocks: {
-    before: [navbarBlock],
-    after: [footerBlock],
-    initial: [heroBlock, faqBlock],
-  },
-  component: DefaultLayout,
-  buildMetaTitle: ({ pageMetaTitle, projectName }) => `${pageMetaTitle} | ${projectName}`,
-  buildOgImage: ({ title, description, projectName }) => (
-    <div
-      style={{
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "flex-start",
-        width: "100%",
-        height: "100%",
-        backgroundColor: "#09090b",
-        padding: "60px 80px",
-        fontFamily: "sans-serif",
-      }}
-    >
-      {projectName && (
-        <div
-          style={{
-            fontSize: 24,
-            color: "#a1a1aa",
-            marginBottom: 24,
-            textTransform: "uppercase",
-            letterSpacing: "0.1em",
-          }}
-        >
-          {projectName}
-        </div>
-      )}
-      <div
-        style={{
-          fontSize: 64,
-          fontWeight: 700,
-          color: "#fafafa",
-          lineHeight: 1.2,
-          marginBottom: 24,
-          maxWidth: "100%",
-          overflow: "hidden",
-          textOverflow: "ellipsis",
-        }}
-      >
-        {title}
-      </div>
-      {description && (
-        <div
-          style={{
-            fontSize: 28,
-            color: "#a1a1aa",
-            lineHeight: 1.5,
-            maxWidth: "80%",
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-          }}
-        >
-          {description}
-        </div>
-      )}
-    </div>
-  ),
-});
-
-function DefaultLayout({ children }: { children: React.ReactNode }) {
-  return (
-    <main className="flex min-h-screen flex-col">
-      <defaultLayout.BeforeBlocks />
-      <div className="flex-1">{children}</div>
-      <defaultLayout.AfterBlocks />
-    </main>
-  );
-}
-
-export { defaultLayout as layout };

package/templates/default/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/templates/default/src/styles.css

@@ -1,162 +0,0 @@
-@import "tailwindcss";
-@import "tw-animate-css";
-@import "shadcn/tailwind.css";
-@import "@fontsource-variable/inter";
-@import "@fontsource-variable/noto-serif";
-
-@custom-variant dark (&:is(.dark *));
-
-body {
-  @apply m-0;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-:root {
-  --background: oklch(0.99 0.01 260);
-  --foreground: oklch(0 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0 0 0);
-  --primary: oklch(0.623 0.214 259.815);
-  --primary-foreground: oklch(0.97 0.014 254.604);
-  --secondary: oklch(0.96 0.02 260);
-  --secondary-foreground: oklch(0.22 0.05 260);
-  --muted: oklch(0.96 0.02 260);
-  --muted-foreground: oklch(0.55 0.05 260);
-  --accent: oklch(0.96 0.02 260);
-  --accent-foreground: oklch(0.22 0.05 260);
-  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.92 0.02 260);
-  --input: oklch(0.92 0.02 260);
-  --ring: oklch(0.7 0.05 260);
-  --chart-1: oklch(0.871 0.02 260);
-  --chart-2: oklch(0.62 0.19 260);
-  --chart-3: oklch(0.5 0.12 260);
-  --chart-4: oklch(0.4 0.08 260);
-  --chart-5: oklch(0.3 0.05 260);
-  --radius: 0.625rem;
-  --sidebar: oklch(0.99 0.01 260);
-  --sidebar-foreground: oklch(0 0 0);
-  --sidebar-primary: oklch(0.62 0.19 260);
-  --sidebar-primary-foreground: oklch(0.984 0.019 200.873);
-  --sidebar-accent: oklch(0.96 0.02 260);
-  --sidebar-accent-foreground: oklch(0.22 0.05 260);
-  --sidebar-border: oklch(0.92 0.02 260);
-  --sidebar-ring: oklch(0.7 0.05 260);
-}
-
-.dark {
-  --background: oklch(0.17 0.05 260);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.22 0.05 260);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.22 0.05 260);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.623 0.214 259.815);
-  --primary-foreground: oklch(0.97 0.014 254.604);
-  --secondary: oklch(0.3 0.05 260);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.3 0.05 260);
-  --muted-foreground: oklch(0.72 0.03 260);
-  --accent: oklch(0.3 0.05 260);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.55 0.05 260);
-  --chart-1: oklch(0.871 0.02 260);
-  --chart-2: oklch(0.62 0.19 260);
-  --chart-3: oklch(0.5 0.12 260);
-  --chart-4: oklch(0.4 0.08 260);
-  --chart-5: oklch(0.3 0.05 260);
-  --sidebar: oklch(0.22 0.05 260);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.62 0.19 260);
-  --sidebar-primary-foreground: oklch(0.984 0.019 200.873);
-  --sidebar-accent: oklch(0.3 0.05 260);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.55 0.05 260);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-  --font-sans: "Inter Variable", sans-serif;
-  --font-heading: "Inter Variable", sans-serif;
-  --radius-2xl: calc(var(--radius) * 1.8);
-  --radius-3xl: calc(var(--radius) * 2.2);
-  --radius-4xl: calc(var(--radius) * 2.6);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-  a:focus-visible {
-    @apply border-ring ring-ring/50 rounded-md ring-3 outline-none;
-  }
-  html {
-    @apply font-sans;
-    font-size: 14px;
-    @media (width >= theme(--breakpoint-sm)) {
-      font-size: 15px;
-    }
-    @media (width >= theme(--breakpoint-md)) {
-      font-size: 16px;
-    }
-  }
-}
-
-@utility container {
-  margin-inline: auto;
-  padding-inline: 0.5rem;
-  max-width: 80rem;
-  @media (width >= theme(--breakpoint-sm)) {
-    padding-inline: 1rem;
-  }
-  @media (width >= theme(--breakpoint-md)) {
-    padding-inline: 2rem;
-  }
-}

package/templates/default/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "include": ["./**/*.ts", "./**/*.tsx"],
-  "exclude": ["node_modules", "dist"],
-  "compilerOptions": {
-    "target": "ES2022",
-    "jsx": "react-jsx",
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite-plus/client"],
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": false,
-    "noEmit": true,
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
-}