@fnd-platform/cms 1.0.0-alpha.1

package/lib/templates/recent-content.js

@@ -0,0 +1,138 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getRecentContentTemplate = getRecentContentTemplate;
+/**
+ * Generates the recent content component template.
+ *
+ * This component displays:
+ * - List of recently updated content items
+ * - Status badges
+ * - Content type labels
+ * - Time since last update
+ *
+ * @returns Template string for app/components/admin/recent-content.tsx
+ */
+function getRecentContentTemplate() {
+  return `import { Link } from '@remix-run/react';
+import { FileText } from 'lucide-react';
+import { Card, CardContent, CardHeader, CardTitle } from '~/components/ui/card';
+import { Badge } from '~/components/ui/badge';
+
+export interface ContentItem {
+  id: string;
+  title: string;
+  type: string;
+  typeLabel: string;
+  status: 'draft' | 'published' | 'scheduled' | 'archived';
+  updatedAt: string;
+}
+
+interface RecentContentProps {
+  items: ContentItem[];
+}
+
+function getStatusBadgeVariant(
+  status: string
+): 'default' | 'secondary' | 'success' | 'warning' | 'outline' {
+  switch (status) {
+    case 'published':
+      return 'success';
+    case 'draft':
+      return 'secondary';
+    case 'scheduled':
+      return 'warning';
+    case 'archived':
+      return 'outline';
+    default:
+      return 'default';
+  }
+}
+
+function formatRelativeTime(dateString: string): string {
+  const date = new Date(dateString);
+  const now = new Date();
+  const diffInSeconds = Math.floor((now.getTime() - date.getTime()) / 1000);
+
+  if (diffInSeconds < 60) {
+    return 'Just now';
+  }
+
+  const diffInMinutes = Math.floor(diffInSeconds / 60);
+  if (diffInMinutes < 60) {
+    return \`\${diffInMinutes} minute\${diffInMinutes !== 1 ? 's' : ''} ago\`;
+  }
+
+  const diffInHours = Math.floor(diffInMinutes / 60);
+  if (diffInHours < 24) {
+    return \`\${diffInHours} hour\${diffInHours !== 1 ? 's' : ''} ago\`;
+  }
+
+  const diffInDays = Math.floor(diffInHours / 24);
+  if (diffInDays < 7) {
+    return \`\${diffInDays} day\${diffInDays !== 1 ? 's' : ''} ago\`;
+  }
+
+  return date.toLocaleDateString();
+}
+
+export function RecentContent({ items }: RecentContentProps) {
+  if (items.length === 0) {
+    return (
+      <Card>
+        <CardHeader>
+          <CardTitle className="text-lg">Recent Content</CardTitle>
+        </CardHeader>
+        <CardContent>
+          <div className="flex flex-col items-center justify-center py-8 text-center">
+            <FileText className="h-12 w-12 text-muted-foreground/50" />
+            <p className="mt-4 text-sm text-muted-foreground">
+              No content yet. Create your first content item to get started.
+            </p>
+          </div>
+        </CardContent>
+      </Card>
+    );
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle className="text-lg">Recent Content</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div className="space-y-4">
+          {items.map((item) => (
+            <div
+              key={item.id}
+              className="flex items-center justify-between rounded-lg border p-3 transition-colors hover:bg-muted/50"
+            >
+              <div className="flex items-center gap-3 min-w-0">
+                <FileText className="h-5 w-5 shrink-0 text-muted-foreground" />
+                <div className="min-w-0">
+                  <Link
+                    to={\`/admin/content/\${item.type}/\${item.id}\`}
+                    className="block truncate font-medium hover:underline"
+                  >
+                    {item.title}
+                  </Link>
+                  <p className="text-xs text-muted-foreground">
+                    {item.typeLabel} &middot; {formatRelativeTime(item.updatedAt)}
+                  </p>
+                </div>
+              </div>
+              <Badge
+                variant={getStatusBadgeVariant(item.status)}
+                className="shrink-0 capitalize"
+              >
+                {item.status}
+              </Badge>
+            </div>
+          ))}
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
+`;
+}
+//# sourceMappingURL=recent-content.js.map

package/lib/templates/recent-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recent-content.js","sourceRoot":"","sources":["../../src/templates/recent-content.ts"],"names":[],"mappings":";;AAWA,4DA0HC;AArID;;;;;;;;;;GAUG;AACH,SAAgB,wBAAwB;IACtC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHR,CAAC;AACF,CAAC"}

package/lib/templates/slug-utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Generates the slug utilities template.
+ *
+ * This template provides utilities for generating URL-friendly slugs
+ * from text content.
+ *
+ * @returns Template string for app/lib/slug-utils.ts
+ */
+export declare function getSlugUtilsTemplate(): string;
+//# sourceMappingURL=slug-utils.d.ts.map

package/lib/templates/slug-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slug-utils.d.ts","sourceRoot":"","sources":["../../src/templates/slug-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAqL7C"}

package/lib/templates/slug-utils.js

@@ -0,0 +1,194 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getSlugUtilsTemplate = getSlugUtilsTemplate;
+/**
+ * Generates the slug utilities template.
+ *
+ * This template provides utilities for generating URL-friendly slugs
+ * from text content.
+ *
+ * @returns Template string for app/lib/slug-utils.ts
+ */
+function getSlugUtilsTemplate() {
+  return `/**
+ * Slug Utilities
+ *
+ * Utilities for generating URL-friendly slugs from text content.
+ */
+
+/**
+ * Options for slug generation.
+ */
+export interface SlugOptions {
+  /** Maximum length for the slug */
+  maxLength?: number;
+  /** Replace spaces with this character (default: '-') */
+  separator?: string;
+  /** Convert to lowercase (default: true) */
+  lowercase?: boolean;
+  /** Remove stop words like 'a', 'the', 'is' (default: false) */
+  removeStopWords?: boolean;
+}
+
+/**
+ * Common stop words to optionally remove from slugs.
+ */
+const STOP_WORDS = new Set([
+  'a', 'an', 'and', 'are', 'as', 'at', 'be', 'by', 'for',
+  'from', 'has', 'he', 'in', 'is', 'it', 'its', 'of', 'on',
+  'that', 'the', 'to', 'was', 'were', 'will', 'with',
+]);
+
+/**
+ * Character replacements for common diacritics and special characters.
+ */
+const CHAR_REPLACEMENTS: Record<string, string> = {
+  // Latin Extended
+  'à': 'a', 'á': 'a', 'â': 'a', 'ã': 'a', 'ä': 'a', 'å': 'a', 'æ': 'ae',
+  'ç': 'c', 'è': 'e', 'é': 'e', 'ê': 'e', 'ë': 'e',
+  'ì': 'i', 'í': 'i', 'î': 'i', 'ï': 'i',
+  'ð': 'd', 'ñ': 'n',
+  'ò': 'o', 'ó': 'o', 'ô': 'o', 'õ': 'o', 'ö': 'o', 'ø': 'o',
+  'ù': 'u', 'ú': 'u', 'û': 'u', 'ü': 'u',
+  'ý': 'y', 'þ': 'th', 'ÿ': 'y',
+  // Special characters
+  '&': 'and',
+  '@': 'at',
+  // Currencies
+  '$': 'dollar',
+  '€': 'euro',
+  '£': 'pound',
+  '¥': 'yen',
+};
+
+/**
+ * Generate a URL-friendly slug from text.
+ *
+ * @example
+ * \`\`\`typescript
+ * generateSlug('Hello World!'); // 'hello-world'
+ * generateSlug('My Blog Post Title', { maxLength: 20 }); // 'my-blog-post-title'
+ * generateSlug('Café & Restaurant'); // 'cafe-and-restaurant'
+ * \`\`\`
+ */
+export function generateSlug(text: string, options: SlugOptions = {}): string {
+  const {
+    maxLength = 100,
+    separator = '-',
+    lowercase = true,
+    removeStopWords = false,
+  } = options;
+
+  if (!text || typeof text !== 'string') {
+    return '';
+  }
+
+  let slug = text;
+
+  // Convert to lowercase if requested
+  if (lowercase) {
+    slug = slug.toLowerCase();
+  }
+
+  // Replace special characters
+  slug = slug
+    .split('')
+    .map((char) => CHAR_REPLACEMENTS[char] ?? char)
+    .join('');
+
+  // Remove HTML tags
+  slug = slug.replace(/<[^>]*>/g, '');
+
+  // Replace non-alphanumeric characters with separator
+  slug = slug.replace(/[^a-z0-9]+/gi, separator);
+
+  // Optionally remove stop words
+  if (removeStopWords) {
+    const words = slug.split(separator).filter((word) => !STOP_WORDS.has(word));
+    slug = words.join(separator);
+  }
+
+  // Remove leading/trailing separators
+  slug = slug.replace(new RegExp(\`^\${separator}+|\${separator}+$\`, 'g'), '');
+
+  // Collapse multiple separators
+  slug = slug.replace(new RegExp(\`\${separator}+\`, 'g'), separator);
+
+  // Enforce max length (trim at word boundary if possible)
+  if (maxLength && slug.length > maxLength) {
+    slug = slug.substring(0, maxLength);
+    const lastSeparator = slug.lastIndexOf(separator);
+    if (lastSeparator > maxLength / 2) {
+      slug = slug.substring(0, lastSeparator);
+    }
+  }
+
+  // Final cleanup
+  slug = slug.replace(new RegExp(\`\${separator}+$\`, 'g'), '');
+
+  return slug;
+}
+
+/**
+ * Validate a slug format.
+ *
+ * Valid slugs:
+ * - Contain only lowercase letters, numbers, and hyphens
+ * - Don't start or end with hyphens
+ * - Don't contain consecutive hyphens
+ */
+export function isValidSlug(slug: string): boolean {
+  if (!slug || typeof slug !== 'string') {
+    return false;
+  }
+
+  // Check pattern
+  const validPattern = /^[a-z0-9]+(?:-[a-z0-9]+)*$/;
+  return validPattern.test(slug);
+}
+
+/**
+ * Normalize a slug to ensure it's valid.
+ * If the input is already a valid slug, it's returned unchanged.
+ * Otherwise, it's transformed using generateSlug.
+ */
+export function normalizeSlug(input: string): string {
+  if (isValidSlug(input)) {
+    return input;
+  }
+  return generateSlug(input);
+}
+
+/**
+ * Generate a unique slug by appending a number if needed.
+ *
+ * @param baseSlug - The desired slug
+ * @param existingSlugs - Array of slugs that already exist
+ * @returns A unique slug
+ *
+ * @example
+ * \`\`\`typescript
+ * ensureUniqueSlug('my-post', ['my-post', 'my-post-2']);
+ * // Returns 'my-post-3'
+ * \`\`\`
+ */
+export function ensureUniqueSlug(baseSlug: string, existingSlugs: string[]): string {
+  const slugSet = new Set(existingSlugs);
+
+  if (!slugSet.has(baseSlug)) {
+    return baseSlug;
+  }
+
+  let counter = 2;
+  let candidateSlug = \`\${baseSlug}-\${counter}\`;
+
+  while (slugSet.has(candidateSlug)) {
+    counter++;
+    candidateSlug = \`\${baseSlug}-\${counter}\`;
+  }
+
+  return candidateSlug;
+}
+`;
+}
+//# sourceMappingURL=slug-utils.js.map

package/lib/templates/slug-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slug-utils.js","sourceRoot":"","sources":["../../src/templates/slug-utils.ts"],"names":[],"mappings":";;AAQA,oDAqLC;AA7LD;;;;;;;GAOG;AACH,SAAgB,oBAAoB;IAClC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmLR,CAAC;AACF,CAAC"}

package/lib/templates/ui-avatar.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generates the Avatar component file content.
+ * Standard shadcn/ui avatar with Radix UI primitives.
+ *
+ * @returns app/components/ui/avatar.tsx file content
+ */
+export declare function getAvatarTemplate(): string;
+//# sourceMappingURL=ui-avatar.d.ts.map

package/lib/templates/ui-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-avatar.d.ts","sourceRoot":"","sources":["../../src/templates/ui-avatar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAiD1C"}

package/lib/templates/ui-avatar.js

@@ -0,0 +1,60 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getAvatarTemplate = getAvatarTemplate;
+/**
+ * Generates the Avatar component file content.
+ * Standard shadcn/ui avatar with Radix UI primitives.
+ *
+ * @returns app/components/ui/avatar.tsx file content
+ */
+function getAvatarTemplate() {
+  return `import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import { cn } from '~/lib/utils';
+
+const Avatar = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Root
+    ref={ref}
+    className={cn(
+      'relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full',
+      className
+    )}
+    {...props}
+  />
+));
+Avatar.displayName = AvatarPrimitive.Root.displayName;
+
+const AvatarImage = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Image>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Image
+    ref={ref}
+    className={cn('aspect-square h-full w-full', className)}
+    {...props}
+  />
+));
+AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+
+const AvatarFallback = React.forwardRef<
+  React.ElementRef<typeof AvatarPrimitive.Fallback>,
+  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>
+>(({ className, ...props }, ref) => (
+  <AvatarPrimitive.Fallback
+    ref={ref}
+    className={cn(
+      'flex h-full w-full items-center justify-center rounded-full bg-muted',
+      className
+    )}
+    {...props}
+  />
+));
+AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+
+export { Avatar, AvatarImage, AvatarFallback };
+`;
+}
+//# sourceMappingURL=ui-avatar.js.map

package/lib/templates/ui-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-avatar.js","sourceRoot":"","sources":["../../src/templates/ui-avatar.ts"],"names":[],"mappings":";;AAMA,8CAiDC;AAvDD;;;;;GAKG;AACH,SAAgB,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+CR,CAAC;AACF,CAAC"}

package/lib/templates/ui-badge.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generates the Badge component file content.
+ * Standard shadcn/ui badge with variants for status display.
+ *
+ * @returns app/components/ui/badge.tsx file content
+ */
+export declare function getBadgeTemplate(): string;
+//# sourceMappingURL=ui-badge.d.ts.map

package/lib/templates/ui-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-badge.d.ts","sourceRoot":"","sources":["../../src/templates/ui-badge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,CAyCzC"}

package/lib/templates/ui-badge.js

@@ -0,0 +1,52 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getBadgeTemplate = getBadgeTemplate;
+/**
+ * Generates the Badge component file content.
+ * Standard shadcn/ui badge with variants for status display.
+ *
+ * @returns app/components/ui/badge.tsx file content
+ */
+function getBadgeTemplate() {
+  return `import * as React from 'react';
+import { cva, type VariantProps } from 'class-variance-authority';
+import { cn } from '~/lib/utils';
+
+const badgeVariants = cva(
+  'inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
+  {
+    variants: {
+      variant: {
+        default:
+          'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
+        secondary:
+          'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        destructive:
+          'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
+        outline: 'text-foreground',
+        success:
+          'border-transparent bg-green-500 text-white hover:bg-green-500/80',
+        warning:
+          'border-transparent bg-yellow-500 text-white hover:bg-yellow-500/80',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+    },
+  }
+);
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
+}
+
+export { Badge, badgeVariants };
+`;
+}
+//# sourceMappingURL=ui-badge.js.map

package/lib/templates/ui-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-badge.js","sourceRoot":"","sources":["../../src/templates/ui-badge.ts"],"names":[],"mappings":";;AAMA,4CAyCC;AA/CD;;;;;GAKG;AACH,SAAgB,gBAAgB;IAC9B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuCR,CAAC;AACF,CAAC"}

package/lib/templates/ui-dialog.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Generates the Dialog component template.
+ *
+ * This is a shadcn/ui-style dialog component based on Radix Dialog
+ * primitives, used for the media picker and other modal interactions.
+ *
+ * @returns Template string for app/components/ui/dialog.tsx
+ */
+export declare function getDialogTemplate(): string;
+//# sourceMappingURL=ui-dialog.d.ts.map

package/lib/templates/ui-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dialog.d.ts","sourceRoot":"","sources":["../../src/templates/ui-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAyH1C"}

package/lib/templates/ui-dialog.js

@@ -0,0 +1,134 @@
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+exports.getDialogTemplate = getDialogTemplate;
+/**
+ * Generates the Dialog component template.
+ *
+ * This is a shadcn/ui-style dialog component based on Radix Dialog
+ * primitives, used for the media picker and other modal interactions.
+ *
+ * @returns Template string for app/components/ui/dialog.tsx
+ */
+function getDialogTemplate() {
+  return `import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import { cn } from '~/lib/utils';
+
+const Dialog = DialogPrimitive.Root;
+
+const DialogTrigger = DialogPrimitive.Trigger;
+
+const DialogPortal = DialogPrimitive.Portal;
+
+const DialogClose = DialogPrimitive.Close;
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
+      className
+    )}
+    {...props}
+  />
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',
+        className
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col space-y-1.5 text-center sm:text-left',
+      className
+    )}
+    {...props}
+  />
+);
+DialogHeader.displayName = 'DialogHeader';
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',
+      className
+    )}
+    {...props}
+  />
+);
+DialogFooter.displayName = 'DialogFooter';
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      'text-lg font-semibold leading-none tracking-tight',
+      className
+    )}
+    {...props}
+  />
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn('text-sm text-muted-foreground', className)}
+    {...props}
+  />
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+};
+`;
+}
+//# sourceMappingURL=ui-dialog.js.map

package/lib/templates/ui-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dialog.js","sourceRoot":"","sources":["../../src/templates/ui-dialog.ts"],"names":[],"mappings":";;AAQA,8CAyHC;AAjID;;;;;;;GAOG;AACH,SAAgB,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHR,CAAC;AACF,CAAC"}

package/lib/templates/ui-dropdown-menu.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generates the DropdownMenu component file content.
+ * Standard shadcn/ui dropdown menu with Radix UI primitives.
+ *
+ * @returns app/components/ui/dropdown-menu.tsx file content
+ */
+export declare function getDropdownMenuTemplate(): string;
+//# sourceMappingURL=ui-dropdown-menu.d.ts.map

package/lib/templates/ui-dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-dropdown-menu.d.ts","sourceRoot":"","sources":["../../src/templates/ui-dropdown-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAuMhD"}