create-einja-app 0.2.17 → 0.2.19

package/templates/default/apps/web/src/components/ui/table.tsx

@@ -1,92 +0,0 @@
-"use client";
-
-import type * as React from "react";
-
-import { cn } from "{{packageName}}/ui/utils";
-
-function Table({ className, ...props }: React.ComponentProps<"table">) {
-  return (
-    <div data-slot="table-container" className="relative w-full overflow-x-auto">
-      <table
-        data-slot="table"
-        className={cn("w-full caption-bottom text-sm", className)}
-        {...props}
-      />
-    </div>
-  );
-}
-
-function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
-  return <thead data-slot="table-header" className={cn("[&_tr]:border-b", className)} {...props} />;
-}
-
-function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
-  return (
-    <tbody
-      data-slot="table-body"
-      className={cn("[&_tr:last-child]:border-0", className)}
-      {...props}
-    />
-  );
-}
-
-function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
-  return (
-    <tfoot
-      data-slot="table-footer"
-      className={cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className)}
-      {...props}
-    />
-  );
-}
-
-function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
-  return (
-    <tr
-      data-slot="table-row"
-      className={cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TableHead({ className, ...props }: React.ComponentProps<"th">) {
-  return (
-    <th
-      data-slot="table-head"
-      className={cn(
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TableCell({ className, ...props }: React.ComponentProps<"td">) {
-  return (
-    <td
-      data-slot="table-cell"
-      className={cn(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TableCaption({ className, ...props }: React.ComponentProps<"caption">) {
-  return (
-    <caption
-      data-slot="table-caption"
-      className={cn("text-muted-foreground mt-4 text-sm", className)}
-      {...props}
-    />
-  );
-}
-
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };

package/templates/default/apps/web/src/components/ui/tabs.tsx

@@ -1,54 +0,0 @@
-"use client";
-
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import type * as React from "react";
-
-import { cn } from "{{packageName}}/ui/utils";
-
-function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {
-  return (
-    <TabsPrimitive.Root
-      data-slot="tabs"
-      className={cn("flex flex-col gap-2", className)}
-      {...props}
-    />
-  );
-}
-
-function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {
-  return (
-    <TabsPrimitive.List
-      data-slot="tabs-list"
-      className={cn(
-        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
-  return (
-    <TabsPrimitive.Trigger
-      data-slot="tabs-trigger"
-      className={cn(
-        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {
-  return (
-    <TabsPrimitive.Content
-      data-slot="tabs-content"
-      className={cn("flex-1 outline-none", className)}
-      {...props}
-    />
-  );
-}
-
-export { Tabs, TabsList, TabsTrigger, TabsContent };

package/templates/default/apps/web/src/components/ui/textarea.tsx

@@ -1,18 +0,0 @@
-import type * as React from "react";
-
-import { cn } from "{{packageName}}/ui/utils";
-
-function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
-  return (
-    <textarea
-      data-slot="textarea"
-      className={cn(
-        "border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export { Textarea };

package/templates/default/apps/web/src/components/ui/tooltip.tsx

@@ -1,57 +0,0 @@
-"use client";
-
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import type * as React from "react";
-
-import { cn } from "{{packageName}}/ui/utils";
-
-function TooltipProvider({
-  delayDuration = 0,
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
-  return (
-    <TooltipPrimitive.Provider
-      data-slot="tooltip-provider"
-      delayDuration={delayDuration}
-      {...props}
-    />
-  );
-}
-
-function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
-  return (
-    <TooltipProvider>
-      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
-    </TooltipProvider>
-  );
-}
-
-function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />;
-}
-
-function TooltipContent({
-  className,
-  sideOffset = 0,
-  children,
-  ...props
-}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
-  return (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content
-        data-slot="tooltip-content"
-        sideOffset={sideOffset}
-        className={cn(
-          "bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" />
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Portal>
-  );
-}
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

package/templates/default/apps/web/src/components/ui/typography.tsx

@@ -1,158 +0,0 @@
-import { Slot } from "@radix-ui/react-slot";
-import { type VariantProps, cva } from "class-variance-authority";
-import type React from "react";
-
-import { cn } from "{{packageName}}/ui/utils";
-
-const typographyVariants = cva("", {
-  variants: {
-    variant: {
-      h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
-      h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
-      h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
-      h4: "scroll-m-20 text-xl font-semibold tracking-tight",
-      h5: "scroll-m-20 text-lg font-semibold tracking-tight",
-      h6: "scroll-m-20 text-base font-semibold tracking-tight",
-      p: "leading-7 [&:not(:first-child)]:mt-6",
-      blockquote: "mt-6 border-l-2 pl-6 italic",
-      code: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
-      lead: "text-xl text-muted-foreground",
-      large: "text-lg font-semibold",
-      small: "text-sm font-medium leading-none",
-      muted: "text-sm text-muted-foreground",
-    },
-    align: {
-      left: "text-left",
-      center: "text-center",
-      right: "text-right",
-      justify: "text-justify",
-    },
-    color: {
-      default: "",
-      muted: "text-muted-foreground",
-      primary: "text-primary",
-      secondary: "text-secondary-foreground",
-      accent: "text-accent-foreground",
-      destructive: "text-destructive",
-    },
-  },
-  defaultVariants: {
-    variant: "p",
-    align: "left",
-    color: "default",
-  },
-});
-
-interface TypographyProps
-  extends Omit<React.HTMLAttributes<HTMLElement>, "color">,
-    VariantProps<typeof typographyVariants> {
-  asChild?: boolean;
-  as?: React.ElementType;
-}
-
-function Typography({
-  className,
-  variant,
-  align,
-  color,
-  asChild = false,
-  as,
-  ...props
-}: TypographyProps) {
-  const Component = asChild ? Slot : as || getDefaultElement(variant || "p");
-
-  return (
-    <Component
-      className={cn(typographyVariants({ variant, align, color }), className)}
-      {...props}
-    />
-  );
-}
-
-function getDefaultElement(variant: string): React.ElementType {
-  switch (variant) {
-    case "h1":
-    case "h2":
-    case "h3":
-    case "h4":
-    case "h5":
-    case "h6":
-      return variant;
-    case "blockquote":
-      return "blockquote";
-    case "code":
-      return "code";
-    default:
-      return "p";
-  }
-}
-
-// 個別のコンポーネントも提供
-const H1 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
-  <Typography variant="h1" as="h1" className={className} {...props} />
-);
-
-const H2 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
-  <Typography variant="h2" as="h2" className={className} {...props} />
-);
-
-const H3 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
-  <Typography variant="h3" as="h3" className={className} {...props} />
-);
-
-const H4 = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">) => (
-  <Typography variant="h4" as="h4" className={className} {...props} />
-);
-
-const P = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">) => (
-  <Typography variant="p" as="p" className={className} {...props} />
-);
-
-const Lead = ({
-  className,
-  ...props
-}: Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">) => (
-  <Typography variant="lead" as="p" className={className} {...props} />
-);
-
-const Large = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLDivElement>, "color">) => (
-  <Typography variant="large" as="div" className={className} {...props} />
-);
-
-const Small = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLElement>, "color">) => (
-  <Typography variant="small" as="small" className={className} {...props} />
-);
-
-const Muted = ({
-  className,
-  ...props
-}: Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">) => (
-  <Typography variant="muted" as="p" className={className} {...props} />
-);
-
-const Blockquote = ({
-  className,
-  ...props
-}: Omit<React.HTMLAttributes<HTMLQuoteElement>, "color">) => (
-  <Typography variant="blockquote" as="blockquote" className={className} {...props} />
-);
-
-const InlineCode = ({ className, ...props }: Omit<React.HTMLAttributes<HTMLElement>, "color">) => (
-  <Typography variant="code" as="code" className={className} {...props} />
-);
-
-export {
-  Typography,
-  typographyVariants,
-  H1,
-  H2,
-  H3,
-  H4,
-  P,
-  Lead,
-  Large,
-  Small,
-  Muted,
-  Blockquote,
-  InlineCode,
-};

package/templates/default/packages/config/panda.config.ts

@@ -1,114 +0,0 @@
-import { defineConfig } from "@pandacss/dev";
-
-export default defineConfig({
-	// TailwindCSSとの共存のためpreflightを無効化
-	preflight: false,
-
-	// Where to look for your css declarations
-	include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
-
-	// Files to exclude
-	exclude: [],
-
-	// Panda CSSクラスにプレフィックスを付けてTailwindと区別
-	prefix: "panda",
-
-	// Useful for theme customization
-	theme: {
-		extend: {
-			breakpoints: {
-				sm: "640px",
-				md: "768px",
-				lg: "1024px",
-				xl: "1280px",
-				"2xl": "1440px",
-			},
-			tokens: {
-				colors: {
-					// shadcnのカラーシステムと互換性を保つ
-					border: { value: "hsl(214.3 31.8% 91.4%)" },
-					input: { value: "hsl(214.3 31.8% 91.4%)" },
-					ring: { value: "hsl(222.2 84% 4.9%)" },
-					background: { value: "hsl(0 0% 100%)" },
-					foreground: { value: "hsl(222.2 84% 4.9%)" },
-					primary: {
-						DEFAULT: { value: "hsl(222.2 47.4% 11.2%)" },
-						foreground: { value: "hsl(210 40% 98%)" },
-					},
-					secondary: {
-						DEFAULT: { value: "hsl(210 40% 96%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-					destructive: {
-						DEFAULT: { value: "hsl(0 62.8% 30.6%)" },
-						foreground: { value: "hsl(210 40% 98%)" },
-					},
-					muted: {
-						DEFAULT: { value: "hsl(210 40% 96%)" },
-						foreground: { value: "hsl(215.4 16.3% 46.9%)" },
-					},
-					accent: {
-						DEFAULT: { value: "hsl(210 40% 96%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-					popover: {
-						DEFAULT: { value: "hsl(0 0% 100%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-					card: {
-						DEFAULT: { value: "hsl(0 0% 100%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-				},
-			},
-			recipes: {
-				// 独自のPanda CSSレシピを定義
-				pandaButton: {
-					className: "panda-button",
-					base: {
-						display: "inline-flex",
-						alignItems: "center",
-						justifyContent: "center",
-						borderRadius: "md",
-						fontSize: "sm",
-						fontWeight: "medium",
-						transition: "all 0.2s",
-						cursor: "pointer",
-						_disabled: {
-							pointerEvents: "none",
-							opacity: 0.5,
-						},
-					},
-					variants: {
-						variant: {
-							primary: {
-								bg: "primary",
-								color: "primary.foreground",
-								_hover: { opacity: 0.9 },
-							},
-							secondary: {
-								bg: "secondary",
-								color: "secondary.foreground",
-								_hover: { opacity: 0.8 },
-							},
-						},
-						size: {
-							sm: { h: "8", px: "3" },
-							md: { h: "10", px: "4" },
-							lg: { h: "12", px: "6" },
-						},
-					},
-					defaultVariants: {
-						variant: "primary",
-						size: "md",
-					},
-				},
-			},
-		},
-	},
-
-	// The output directory for your css system
-	outdir: "styled-system",
-
-	jsxFramework: "react",
-});

package/templates/default/panda.config.ts

@@ -1,114 +0,0 @@
-import { defineConfig } from "@pandacss/dev";
-
-export default defineConfig({
-	// TailwindCSSとの共存のためpreflightを無効化
-	preflight: false,
-
-	// Where to look for your css declarations
-	include: ["./src/**/*.{js,jsx,ts,tsx}", "./pages/**/*.{js,jsx,ts,tsx}"],
-
-	// Files to exclude
-	exclude: [],
-
-	// Panda CSSクラスにプレフィックスを付けてTailwindと区別
-	prefix: "panda",
-
-	// Useful for theme customization
-	theme: {
-		extend: {
-			breakpoints: {
-				sm: "640px",
-				md: "768px",
-				lg: "1024px",
-				xl: "1280px",
-				"2xl": "1440px",
-			},
-			tokens: {
-				colors: {
-					// shadcnのカラーシステムと互換性を保つ
-					border: { value: "hsl(214.3 31.8% 91.4%)" },
-					input: { value: "hsl(214.3 31.8% 91.4%)" },
-					ring: { value: "hsl(222.2 84% 4.9%)" },
-					background: { value: "hsl(0 0% 100%)" },
-					foreground: { value: "hsl(222.2 84% 4.9%)" },
-					primary: {
-						DEFAULT: { value: "hsl(222.2 47.4% 11.2%)" },
-						foreground: { value: "hsl(210 40% 98%)" },
-					},
-					secondary: {
-						DEFAULT: { value: "hsl(210 40% 96%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-					destructive: {
-						DEFAULT: { value: "hsl(0 62.8% 30.6%)" },
-						foreground: { value: "hsl(210 40% 98%)" },
-					},
-					muted: {
-						DEFAULT: { value: "hsl(210 40% 96%)" },
-						foreground: { value: "hsl(215.4 16.3% 46.9%)" },
-					},
-					accent: {
-						DEFAULT: { value: "hsl(210 40% 96%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-					popover: {
-						DEFAULT: { value: "hsl(0 0% 100%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-					card: {
-						DEFAULT: { value: "hsl(0 0% 100%)" },
-						foreground: { value: "hsl(222.2 84% 4.9%)" },
-					},
-				},
-			},
-			recipes: {
-				// 独自のPanda CSSレシピを定義
-				pandaButton: {
-					className: "panda-button",
-					base: {
-						display: "inline-flex",
-						alignItems: "center",
-						justifyContent: "center",
-						borderRadius: "md",
-						fontSize: "sm",
-						fontWeight: "medium",
-						transition: "all 0.2s",
-						cursor: "pointer",
-						_disabled: {
-							pointerEvents: "none",
-							opacity: 0.5,
-						},
-					},
-					variants: {
-						variant: {
-							primary: {
-								bg: "primary",
-								color: "primary.foreground",
-								_hover: { opacity: 0.9 },
-							},
-							secondary: {
-								bg: "secondary",
-								color: "secondary.foreground",
-								_hover: { opacity: 0.8 },
-							},
-						},
-						size: {
-							sm: { h: "8", px: "3" },
-							md: { h: "10", px: "4" },
-							lg: { h: "12", px: "6" },
-						},
-					},
-					defaultVariants: {
-						variant: "primary",
-						size: "md",
-					},
-				},
-			},
-		},
-	},
-
-	// The output directory for your css system
-	outdir: "styled-system",
-
-	jsxFramework: "react",
-});