@contractspec/bundle.library 3.7.6 → 3.8.2

package/src/presentation/features/templates/FeaturePresentationDetailTemplate/FeaturePresentationDetailTemplate.tsx

@@ -1,224 +1,224 @@
 'use client';
 
 import {
-  Breadcrumbs,
-  CodeBlock,
-  EmptyState,
-  PageHeaderResponsive,
-  StatusChip,
+	Breadcrumbs,
+	CodeBlock,
+	EmptyState,
+	PageHeaderResponsive,
+	StatusChip,
 } from '@contractspec/lib.design-system';
 import { Card } from '@contractspec/lib.ui-kit-web/ui/card';
 import { Box, HStack, VStack } from '@contractspec/lib.ui-kit-web/ui/stack';
 import { cn } from '@contractspec/lib.ui-kit-web/ui/utils';
-import type { FeaturePresentationDetailTemplateProps } from './types';
 import { BookOpen, Code, Database, Layout } from 'lucide-react';
-import { useRelatedDocs } from '../../hooks/useRelatedDocs';
 import Link from 'next/link';
+import { useRelatedDocs } from '../../hooks/useRelatedDocs';
+import type { FeaturePresentationDetailTemplateProps } from './types';
 
 export function FeaturePresentationDetailTemplate({
-  feature,
-  presentationKey,
-  presentation,
-  spec,
-  className,
+	feature,
+	presentationKey,
+	presentation,
+	spec,
+	className,
 }: FeaturePresentationDetailTemplateProps) {
-  const presRef =
-    presentation ??
-    feature.presentations?.find((p) => p.key === presentationKey);
+	const presRef =
+		presentation ??
+		feature.presentations?.find((p) => p.key === presentationKey);
 
-  const relatedDocs = useRelatedDocs(presRef?.key || '', spec?.meta?.tags);
+	const relatedDocs = useRelatedDocs(presRef?.key || '', spec?.meta?.tags);
 
-  if (!presRef) {
-    return (
-      <VStack
-        gap="lg"
-        className={cn('mx-auto w-full max-w-5xl p-6', className)}
-      >
-        <PageHeaderResponsive
-          title="Presentation Not Found"
-          subtitle={`Presentation ${presentationKey} not found in feature ${feature.meta.key}`}
-          breadcrumb={
-            <Breadcrumbs
-              items={[
-                { label: 'Features', href: '/features' },
-                {
-                  label: feature.meta.title || feature.meta.key,
-                  href: `/features/${feature.meta.key}`,
-                },
-                {
-                  label: 'Presentations',
-                  href: `/features/${feature.meta.key}/presentation`,
-                },
-              ]}
-            />
-          }
-        />
-        <EmptyState
-          title="Presentation not found"
-          description={`The presentation '${presentationKey}' could not be found in this feature.`}
-          icon={<Layout className="text-muted-foreground h-12 w-12" />}
-        />
-      </VStack>
-    );
-  }
+	if (!presRef) {
+		return (
+			<VStack
+				gap="lg"
+				className={cn('mx-auto w-full max-w-5xl p-6', className)}
+			>
+				<PageHeaderResponsive
+					title="Presentation Not Found"
+					subtitle={`Presentation ${presentationKey} not found in feature ${feature.meta.key}`}
+					breadcrumb={
+						<Breadcrumbs
+							items={[
+								{ label: 'Features', href: '/features' },
+								{
+									label: feature.meta.title || feature.meta.key,
+									href: `/features/${feature.meta.key}`,
+								},
+								{
+									label: 'Presentations',
+									href: `/features/${feature.meta.key}/presentation`,
+								},
+							]}
+						/>
+					}
+				/>
+				<EmptyState
+					title="Presentation not found"
+					description={`The presentation '${presentationKey}' could not be found in this feature.`}
+					icon={<Layout className="h-12 w-12 text-muted-foreground" />}
+				/>
+			</VStack>
+		);
+	}
 
-  return (
-    <VStack gap="lg" className={cn('mx-auto w-full max-w-5xl p-6', className)}>
-      <PageHeaderResponsive
-        title={presRef.key}
-        subtitle={`Presentation defined in ${feature.meta.title ?? feature.meta.key}`}
-        breadcrumb={
-          <Breadcrumbs
-            items={[
-              { label: 'Features', href: '/features' },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`,
-              },
-              {
-                label: 'Presentations',
-                href: `/features/${feature.meta.key}#presentations`,
-              },
-              { label: presRef.key },
-            ]}
-          />
-        }
-      />
+	return (
+		<VStack gap="lg" className={cn('mx-auto w-full max-w-5xl p-6', className)}>
+			<PageHeaderResponsive
+				title={presRef.key}
+				subtitle={`Presentation defined in ${feature.meta.title ?? feature.meta.key}`}
+				breadcrumb={
+					<Breadcrumbs
+						items={[
+							{ label: 'Features', href: '/features' },
+							{
+								label: feature.meta.title || feature.meta.key,
+								href: `/features/${feature.meta.key}`,
+							},
+							{
+								label: 'Presentations',
+								href: `/features/${feature.meta.key}#presentations`,
+							},
+							{ label: presRef.key },
+						]}
+					/>
+				}
+			/>
 
-      <HStack gap="sm">
-        <StatusChip
-          tone="neutral"
-          label={presRef.key}
-          size="sm"
-          icon={<Layout className="h-3 w-3" />}
-        />
-        <StatusChip tone="neutral" label={`v${presRef.version}`} size="sm" />
-        {spec?.meta?.stability ? (
-          <StatusChip
-            tone={spec.meta.stability === 'stable' ? 'success' : 'warning'}
-            label={spec.meta.stability}
-            size="sm"
-          />
-        ) : null}
-      </HStack>
+			<HStack gap="sm">
+				<StatusChip
+					tone="neutral"
+					label={presRef.key}
+					size="sm"
+					icon={<Layout className="h-3 w-3" />}
+				/>
+				<StatusChip tone="neutral" label={`v${presRef.version}`} size="sm" />
+				{spec?.meta?.stability ? (
+					<StatusChip
+						tone={spec.meta.stability === 'stable' ? 'success' : 'warning'}
+						label={spec.meta.stability}
+						size="sm"
+					/>
+				) : null}
+			</HStack>
 
-      <div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
-        <div className="space-y-6 lg:col-span-2">
-          <Card className="p-6">
-            <VStack gap="md">
-              <HStack className="items-center gap-2 border-b pb-2">
-                <Code className="text-muted-foreground h-5 w-5" />
-                <h3 className="text-lg font-semibold">Component Definition</h3>
-              </HStack>
+			<div className="grid grid-cols-1 gap-6 lg:grid-cols-3">
+				<div className="space-y-6 lg:col-span-2">
+					<Card className="p-6">
+						<VStack gap="md">
+							<HStack className="items-center gap-2 border-b pb-2">
+								<Code className="h-5 w-5 text-muted-foreground" />
+								<h3 className="font-semibold text-lg">Component Definition</h3>
+							</HStack>
 
-              {spec ? (
-                <VStack gap="lg">
-                  {spec.meta.description && (
-                    <p className="text-muted-foreground">
-                      {spec.meta.description}
-                    </p>
-                  )}
+							{spec ? (
+								<VStack gap="lg">
+									{spec.meta.description && (
+										<p className="text-muted-foreground">
+											{spec.meta.description}
+										</p>
+									)}
 
-                  {/* Assuming spec has slots or component definition details in generic meta or properties */}
-                  <Box className="flex-col gap-2">
-                    <span className="text-muted-foreground text-sm font-medium tracking-wider uppercase">
-                      Spec Details
-                    </span>
-                    <CodeBlock
-                      code={JSON.stringify(spec, null, 2)}
-                      language="json"
-                    />
-                  </Box>
-                </VStack>
-              ) : (
-                <VStack gap="md">
-                  <p className="text-muted-foreground">
-                    Full component details are not available for this
-                    presentation reference.
-                  </p>
-                  <CodeBlock
-                    code={JSON.stringify(presRef, null, 2)}
-                    language="json"
-                  />
-                </VStack>
-              )}
-            </VStack>
-          </Card>
-        </div>
+									{/* Assuming spec has slots or component definition details in generic meta or properties */}
+									<Box className="flex-col gap-2">
+										<span className="font-medium text-muted-foreground text-sm uppercase tracking-wider">
+											Spec Details
+										</span>
+										<CodeBlock
+											code={JSON.stringify(spec, null, 2)}
+											language="json"
+										/>
+									</Box>
+								</VStack>
+							) : (
+								<VStack gap="md">
+									<p className="text-muted-foreground">
+										Full component details are not available for this
+										presentation reference.
+									</p>
+									<CodeBlock
+										code={JSON.stringify(presRef, null, 2)}
+										language="json"
+									/>
+								</VStack>
+							)}
+						</VStack>
+					</Card>
+				</div>
 
-        <div className="space-y-6">
-          <Card className="p-6">
-            <VStack gap="md">
-              <HStack className="items-center gap-2 border-b pb-2">
-                <Database className="text-muted-foreground h-5 w-5" />
-                <h3 className="text-lg font-semibold">Metadata</h3>
-              </HStack>
+				<div className="space-y-6">
+					<Card className="p-6">
+						<VStack gap="md">
+							<HStack className="items-center gap-2 border-b pb-2">
+								<Database className="h-5 w-5 text-muted-foreground" />
+								<h3 className="font-semibold text-lg">Metadata</h3>
+							</HStack>
 
-              <dl className="grid grid-cols-1 gap-4 text-sm">
-                <div>
-                  <dt className="text-muted-foreground">Key</dt>
-                  <dd className="truncate font-medium">{presRef.key}</dd>
-                </div>
-                <div>
-                  <dt className="text-muted-foreground">Version</dt>
-                  <dd className="font-medium">{presRef.version}</dd>
-                </div>
-                {spec?.meta?.owners && (
-                  <div>
-                    <dt className="text-muted-foreground">Owners</dt>
-                    <dd className="flex flex-wrap gap-1 font-medium">
-                      {spec.meta.owners.map((o: string) => (
-                        <StatusChip
-                          key={o}
-                          label={o}
-                          size="sm"
-                          tone="neutral"
-                        />
-                      ))}
-                    </dd>
-                  </div>
-                )}
-              </dl>
-            </VStack>
-          </Card>
-        </div>
+							<dl className="grid grid-cols-1 gap-4 text-sm">
+								<div>
+									<dt className="text-muted-foreground">Key</dt>
+									<dd className="truncate font-medium">{presRef.key}</dd>
+								</div>
+								<div>
+									<dt className="text-muted-foreground">Version</dt>
+									<dd className="font-medium">{presRef.version}</dd>
+								</div>
+								{spec?.meta?.owners && (
+									<div>
+										<dt className="text-muted-foreground">Owners</dt>
+										<dd className="flex flex-wrap gap-1 font-medium">
+											{spec.meta.owners.map((o: string) => (
+												<StatusChip
+													key={o}
+													label={o}
+													size="sm"
+													tone="neutral"
+												/>
+											))}
+										</dd>
+									</div>
+								)}
+							</dl>
+						</VStack>
+					</Card>
+				</div>
 
-        {/* Related Docs */}
-        {relatedDocs?.length ? (
-          <div className="lg:col-span-3">
-            <Card className="p-6">
-              <VStack gap="md">
-                <HStack className="items-center gap-2 border-b pb-2">
-                  <BookOpen className="text-muted-foreground h-5 w-5" />
-                  <h3 className="text-lg font-semibold">
-                    Related Documentation
-                  </h3>
-                </HStack>
-                <div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
-                  {relatedDocs.map((doc) => (
-                    <Link
-                      key={doc.id}
-                      href={doc.route || `/docs/${doc.id}`}
-                      className="group block"
-                    >
-                      <div className="hover:border-primary h-full rounded-lg border p-4 transition-colors">
-                        <h4 className="group-hover:text-primary mb-1 font-semibold">
-                          {doc.title}
-                        </h4>
-                        {doc.summary && (
-                          <p className="text-muted-foreground line-clamp-2 text-sm">
-                            {doc.summary}
-                          </p>
-                        )}
-                      </div>
-                    </Link>
-                  ))}
-                </div>
-              </VStack>
-            </Card>
-          </div>
-        ) : null}
-      </div>
-    </VStack>
-  );
+				{/* Related Docs */}
+				{relatedDocs?.length ? (
+					<div className="lg:col-span-3">
+						<Card className="p-6">
+							<VStack gap="md">
+								<HStack className="items-center gap-2 border-b pb-2">
+									<BookOpen className="h-5 w-5 text-muted-foreground" />
+									<h3 className="font-semibold text-lg">
+										Related Documentation
+									</h3>
+								</HStack>
+								<div className="grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3">
+									{relatedDocs.map((doc) => (
+										<Link
+											key={doc.id}
+											href={doc.route || `/docs/${doc.id}`}
+											className="group block"
+										>
+											<div className="h-full rounded-lg border p-4 transition-colors hover:border-primary">
+												<h4 className="mb-1 font-semibold group-hover:text-primary">
+													{doc.title}
+												</h4>
+												{doc.summary && (
+													<p className="line-clamp-2 text-muted-foreground text-sm">
+														{doc.summary}
+													</p>
+												)}
+											</div>
+										</Link>
+									))}
+								</div>
+							</VStack>
+						</Card>
+					</div>
+				) : null}
+			</div>
+		</VStack>
+	);
 }

package/src/presentation/features/templates/FeaturePresentationDetailTemplate/types.ts

@@ -1,14 +1,14 @@
 import type {
-  FeatureModuleSpec,
-  PresentationRef,
+	FeatureModuleSpec,
+	PresentationRef,
 } from '@contractspec/lib.contracts-spec/features';
 import type { SerializedPresentationSpec } from '@contractspec/lib.contracts-spec/serialization';
 
 export interface FeaturePresentationDetailTemplateProps {
-  feature: FeatureModuleSpec;
-  presentationKey: string;
-  presentation?: PresentationRef;
-  spec?: SerializedPresentationSpec;
-  onBack?: () => void;
-  className?: string;
+	feature: FeatureModuleSpec;
+	presentationKey: string;
+	presentation?: PresentationRef;
+	spec?: SerializedPresentationSpec;
+	onBack?: () => void;
+	className?: string;
 }

package/src/presentation/features/templates/FeaturePresentationsTemplate/FeaturePresentationsTemplate.tsx

@@ -1,37 +1,37 @@
 'use client';
 
 import {
-  Breadcrumbs,
-  PageHeaderResponsive,
+	Breadcrumbs,
+	PageHeaderResponsive,
 } from '@contractspec/lib.design-system';
 import { VStack } from '@contractspec/lib.ui-kit-web/ui/stack';
 import { cn } from '@contractspec/lib.ui-kit-web/ui/utils';
-import type { FeatureListTemplateProps } from '../types';
 import { FeaturePresentationsList } from '../../organisms/FeaturePresentationsList';
+import type { FeatureListTemplateProps } from '../types';
 
 export function FeaturePresentationsTemplate({
-  feature,
-  className,
+	feature,
+	className,
 }: FeatureListTemplateProps) {
-  return (
-    <VStack gap="lg" className={cn('mx-auto w-full max-w-5xl p-6', className)}>
-      <PageHeaderResponsive
-        title="Presentations"
-        subtitle={`Presentations defined in ${feature.meta.title ?? feature.meta.key}`}
-        breadcrumb={
-          <Breadcrumbs
-            items={[
-              { label: 'Features', href: '/features' },
-              {
-                label: feature.meta.title || feature.meta.key,
-                href: `/features/${feature.meta.key}`,
-              },
-              { label: 'Presentations' },
-            ]}
-          />
-        }
-      />
-      <FeaturePresentationsList feature={feature} />
-    </VStack>
-  );
+	return (
+		<VStack gap="lg" className={cn('mx-auto w-full max-w-5xl p-6', className)}>
+			<PageHeaderResponsive
+				title="Presentations"
+				subtitle={`Presentations defined in ${feature.meta.title ?? feature.meta.key}`}
+				breadcrumb={
+					<Breadcrumbs
+						items={[
+							{ label: 'Features', href: '/features' },
+							{
+								label: feature.meta.title || feature.meta.key,
+								href: `/features/${feature.meta.key}`,
+							},
+							{ label: 'Presentations' },
+						]}
+					/>
+				}
+			/>
+			<FeaturePresentationsList feature={feature} />
+		</VStack>
+	);
 }

package/src/presentation/features/templates/types.ts

@@ -1,6 +1,6 @@
 import type { FeatureModuleSpec } from '@contractspec/lib.contracts-spec/features';
 
 export interface FeatureListTemplateProps {
-  feature: FeatureModuleSpec;
-  className?: string;
+	feature: FeatureModuleSpec;
+	className?: string;
 }

package/tsconfig.json

@@ -1,14 +1,14 @@
 {
-  "extends": "@contractspec/tool.typescript/react-library.json",
-  "include": ["src/**/*"],
-  "compilerOptions": {
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "jsx": "react-jsx",
-    "baseUrl": ".",
-    "rootDir": "src",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
+	"extends": "@contractspec/tool.typescript/react-library.json",
+	"include": ["src/**/*"],
+	"compilerOptions": {
+		"module": "ESNext",
+		"moduleResolution": "Bundler",
+		"jsx": "react-jsx",
+		"baseUrl": ".",
+		"rootDir": "src",
+		"paths": {
+			"@/*": ["./src/*"]
+		}
+	}
 }

package/tsdown.config.js

@@ -1,9 +1,9 @@
 import { defineConfig, moduleLibrary } from '@contractspec/tool.bun';
 
 export default defineConfig((options) => ({
-  ...moduleLibrary,
-  exports: {
-    all: true,
-    devExports: true,
-  },
+	...moduleLibrary,
+	exports: {
+		all: true,
+		devExports: true,
+	},
 }));