@umituz/web-design-system 1.0.0

package/src/presentation/templates/Section.tsx

@@ -0,0 +1,39 @@
+/**
+ * Section Template (Template)
+ * @description Content section with header
+ */
+
+import { forwardRef, type HTMLAttributes } from 'react';
+import { cn } from '../../infrastructure/utils';
+import type { BaseProps, ChildrenProps } from '../../domain/types';
+
+export interface SectionProps extends HTMLAttributes<HTMLElement>, BaseProps, ChildrenProps {
+  title?: string;
+  description?: string;
+}
+
+export const Section = forwardRef<HTMLElement, SectionProps>(
+  ({ className, title, description, children, ...props }, ref) => {
+    return (
+      <section
+        ref={ref}
+        className={cn('space-y-4', className)}
+        {...props}
+      >
+        {(title || description) && (
+          <div className="space-y-1">
+            {title && (
+              <h2 className="text-2xl font-semibold tracking-tight">{title}</h2>
+            )}
+            {description && (
+              <p className="text-muted-foreground">{description}</p>
+            )}
+          </div>
+        )}
+        {children}
+      </section>
+    );
+  }
+);
+
+Section.displayName = 'Section';

package/src/presentation/templates/index.ts

@@ -0,0 +1,14 @@
+/**
+ * Templates Export
+ * @description Template components - page structures
+ * Subpath: @umituz/web-design-system/templates
+ */
+
+export { Form, FormActions } from './Form';
+export type { FormProps } from './Form';
+
+export { List, ListItem } from './List';
+export type { ListProps } from './List';
+
+export { Section } from './Section';
+export type { SectionProps } from './Section';