@revealui/presentation 0.2.0 → 0.3.2

package/README.md

@@ -1,65 +1,169 @@
 # @revealui/presentation
 
-Shared UI components and presentation layer for RevealUI applications.
+50+ native UI components for RevealUI — built with React 19, Tailwind CSS v4, and CVA. Zero external UI library dependencies (only clsx + class-variance-authority).
 
-## Purpose
+## Features
 
-This package provides reusable UI components that can be shared across multiple apps in the RevealUI monorepo. It serves as the design system foundation for consistent UI across:
+- **48 Components** — Forms, data display, feedback, navigation, media, and layout
+- **6 Primitives** — Low-level building blocks (Box, Flex, Grid, Heading, Text, Slot)
+- **14 Hooks** — Focus trap, click outside, popover, roving tabindex, scroll lock, and more
+- **Headless + Styled** — Many components ship both unstyled (headless) and styled (CVA) variants
+- **Accessible** — WCAG 2.1 patterns with proper ARIA attributes
+- **React 19** — Server components, hooks, and modern patterns
+- **Tailwind CSS v4** — Native v4 utility classes, no v3 compat layer
 
-- `apps/cms` - CMS admin interface
-- `apps/mainframe` - Public-facing web application
-- Future applications
+## Installation
 
-## Structure
-
-```
-packages/presentation/
-├── src/
-│   ├── components/      # High-level, styled components
-│   ├── primitives/     # Low-level, base components
-│   └── index.ts        # Main entry point
-├── package.json
-├── tsconfig.json
-└── README.md
+```bash
+pnpm add @revealui/presentation
 ```
 
 ## Usage
 
-### In Apps
-
 ```typescript
-// Import from the package
-import { Button, Card } from '@revealui/presentation';
-
-// Or import specific modules
-import { Button } from '@revealui/presentation/components';
+import { Button, Card, Input, Badge } from '@revealui/presentation'
+import { Box, Flex } from '@revealui/presentation/primitives'
+import { useClickOutside, useFocusTrap } from '@revealui/presentation/hooks'
 ```
 
-### Adding New Components
-
-1. Create component in `src/components/` or `src/primitives/`
-2. Export from the respective `index.ts` file
-3. Re-export from main `src/index.ts` if needed
-4. Build: `pnpm --filter @revealui/presentation build`
-
-## Guidelines
-
-- **Components**: High-level, styled, feature-complete components
-- **Primitives**: Low-level, unstyled/minimally styled building blocks
-- Use TypeScript for all components
-- Follow React 19 patterns
-- Support Tailwind CSS 4.0
-- Ensure accessibility (WCAG 2.1)
+## Components (48)
+
+### Layout
+| Component | Description |
+|-----------|-------------|
+| AuthLayout | Authentication page layout |
+| SidebarLayout | Sidebar + content layout |
+| StackedLayout | Stacked page layout |
+| Navbar | Top navigation bar |
+| Sidebar | Side navigation |
+
+### Form Controls
+| Component | Description |
+|-----------|-------------|
+| Button / ButtonCVA | Action trigger (headless + styled) |
+| Input / InputCVA | Text input (headless + styled) |
+| Textarea / TextareaCVA | Multi-line text (headless + styled) |
+| Checkbox / CheckboxCVA | Checkbox (headless + styled) |
+| Select / SelectCVA | Dropdown select with subcomponents |
+| Combobox | Searchable select |
+| Listbox | List selection |
+| Radio | Radio group |
+| Switch | Toggle switch |
+| Label / FormLabel | Form labels |
+| Fieldset | Form field grouping |
+
+### Data Display
+| Component | Description |
+|-----------|-------------|
+| Card | Content container (header, title, description, content, footer) |
+| Table | Data table |
+| Pagination | Page navigation |
+| Badge | Status indicator |
+| Text | Styled text |
+| Heading | Section heading |
+| Divider | Horizontal rule |
+| DescriptionList | Key-value pairs |
+| Breadcrumb | Navigation trail |
+
+### Feedback
+| Component | Description |
+|-----------|-------------|
+| Alert | Inline alert message |
+| Callout | Highlighted information |
+| Toast | Temporary notification (with provider + hook) |
+| Tooltip | Hover information |
+| Progress | Progress bar |
+| Slider | Range input |
+| Skeleton | Loading placeholder |
+| EmptyState | No-data placeholder |
+| Stat | Metric display (with StatGroup) |
+| Rating | Star rating |
+
+### Navigation
+| Component | Description |
+|-----------|-------------|
+| Accordion | Collapsible sections |
+| Tabs | Tab panels |
+| Stepper | Step-by-step progress |
+| Timeline | Chronological events |
+| Dropdown | Action menu |
+| Drawer | Slide-out panel |
+| Dialog | Modal dialog |
+
+### Media & Misc
+| Component | Description |
+|-----------|-------------|
+| Avatar / AvatarGroup | User avatars |
+| CodeBlock | Syntax-highlighted code |
+| Kbd / KbdShortcut | Keyboard shortcut display |
+| Link | Styled anchor |
+
+## Primitives (6)
+
+| Primitive | Description |
+|-----------|-------------|
+| Box | Generic container |
+| Flex | Flexbox layout |
+| Grid | CSS Grid layout |
+| Heading | Semantic heading |
+| Text | Text content |
+| Slot | Component composition utility |
+
+## Hooks (14)
+
+| Hook | Purpose |
+|------|---------|
+| useClickOutside | Detect clicks outside an element |
+| useCloseContext | Shared close handler context |
+| useControllableState | Controlled/uncontrolled state |
+| useDataInteractive | Interactive element data attributes |
+| useEscapeKey | Escape key handler |
+| useFieldContext | Form field context (label, error, description) |
+| useFocusTrap | Trap focus within an element |
+| useLayoutAnimation | Animated layout transitions |
+| usePopover | Popover positioning |
+| useRovingTabindex | Keyboard navigation in groups |
+| useScrollLock | Prevent body scroll |
+| useToggle | Boolean toggle state |
+| useTransition | CSS transitions |
+| useTypeAhead | Type-ahead search in lists |
+
+## Exports
+
+| Subpath | Contents |
+|---------|----------|
+| `@revealui/presentation` | All components, primitives, and hooks |
+| `@revealui/presentation/server` | Server components |
+| `@revealui/presentation/client` | Client components |
+| `@revealui/presentation/components` | Components only |
+| `@revealui/presentation/primitives` | Primitives only |
+| `@revealui/presentation/hooks` | Hooks only |
 
 ## Development
 
 ```bash
 # Build
-pnpm --filter @revealui/presentation build
+pnpm build
 
 # Type check
-pnpm --filter @revealui/presentation typecheck
+pnpm typecheck
 
 # Watch mode
-pnpm --filter @revealui/presentation dev
+pnpm dev
 ```
+
+## Adding Components
+
+1. Create component in `src/components/` (styled) or `src/primitives/` (unstyled)
+2. Export from the respective `index.ts`
+3. Use CVA for variant-based styling
+4. Follow WCAG 2.1 accessibility patterns
+
+## Related
+
+- [Core Package](../core/README.md) — CMS engine (uses presentation components)
+- [Architecture Guide](../../docs/ARCHITECTURE.md)
+
+## License
+
+MIT

package/dist/Text-BWMs9_wn.js

@@ -0,0 +1,196 @@
+import { v as cn } from "./skeleton-Bb51IWbG.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/auth-layout.tsx
+function AuthLayout({ children, header, footer }) {
+	return /* @__PURE__ */ jsx("main", {
+		className: "flex min-h-dvh flex-col p-2",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex grow flex-col items-center justify-center gap-6 p-6 lg:rounded-lg lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-zinc-950/5 dark:lg:bg-zinc-900 dark:lg:ring-white/10",
+			children: [
+				header,
+				children,
+				footer
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/Card.tsx
+function Card({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("rounded-lg border bg-card text-card-foreground shadow-sm", className),
+		ref,
+		...props
+	});
+}
+function CardHeader({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col space-y-1.5 p-6", className),
+		ref,
+		...props
+	});
+}
+function CardTitle({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("text-2xl font-semibold leading-none tracking-tight", className),
+		ref,
+		...props
+	});
+}
+function CardDescription({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		className: cn("text-sm text-muted-foreground", className),
+		ref,
+		...props
+	});
+}
+function CardContent({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("p-6 pt-0", className),
+		ref,
+		...props
+	});
+}
+function CardFooter({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center p-6 pt-0", className),
+		ref,
+		...props
+	});
+}
+//#endregion
+//#region src/components/Label.tsx
+function Label({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		ref,
+		className: cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
+		...props
+	});
+}
+Label.displayName = "Label";
+//#endregion
+//#region src/components/FormLabel.tsx
+function FormLabel({ required, className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsxs(Label, {
+		ref,
+		className: cn(className),
+		...props,
+		children: [children, required && /* @__PURE__ */ jsx("span", {
+			className: "text-destructive ml-1",
+			children: "*"
+		})]
+	});
+}
+FormLabel.displayName = "FormLabel";
+//#endregion
+//#region src/components/form-field.tsx
+function FormField({ id, label, error, description, required, className, children }) {
+	const descriptionId = description ? `${id}-description` : void 0;
+	const errorId = error ? `${id}-error` : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("space-y-1.5", className),
+		children: [
+			/* @__PURE__ */ jsx(FormLabel, {
+				htmlFor: id,
+				required,
+				children: label
+			}),
+			children,
+			description && !error && /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				className: "text-xs text-zinc-500 dark:text-zinc-400",
+				children: description
+			}),
+			error && /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				className: "text-xs text-red-600 dark:text-red-400",
+				children: error
+			})
+		]
+	});
+}
+FormField.displayName = "FormField";
+//#endregion
+//#region src/components/Input.tsx
+function Input({ type, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("input", {
+		className: cn("flex h-10 w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		type,
+		...props
+	});
+}
+//#endregion
+//#region src/components/Textarea.tsx
+function Textarea({ className, ref, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("flex min-h-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className),
+		ref,
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/Flex.tsx
+/**
+* Flex primitive - Flexbox container component
+*/
+function Flex({ direction = "row", align, justify, wrap, gap, className, style, ref, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("flex", direction && `flex-${direction}`, align && `items-${align === "start" ? "start" : align === "end" ? "end" : align}`, justify && `justify-${justify === "start" ? "start" : justify === "end" ? "end" : justify === "between" ? "between" : justify === "around" ? "around" : justify === "evenly" ? "evenly" : "center"}`, wrap === true && "flex-wrap", wrap === "wrap" && "flex-wrap", wrap === "nowrap" && "flex-nowrap", wrap === "wrap-reverse" && "flex-wrap-reverse", className),
+		style: {
+			...style,
+			...gap && { gap: typeof gap === "number" ? `${gap}px` : gap }
+		},
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/Grid.tsx
+/**
+* Grid primitive - CSS Grid container component
+*/
+function Grid({ cols, rows, gap, className, style, ref, ...props }) {
+	const gridStyle = {
+		...style,
+		...cols && { gridTemplateColumns: typeof cols === "number" ? `repeat(${cols}, 1fr)` : cols },
+		...rows && { gridTemplateRows: typeof rows === "number" ? `repeat(${rows}, 1fr)` : rows },
+		...gap && { gap: typeof gap === "number" ? `${gap}px` : gap }
+	};
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: cn("grid", className),
+		style: gridStyle,
+		...props
+	});
+}
+//#endregion
+//#region src/primitives/Heading.tsx
+/**
+* Heading primitive - Heading component
+*/
+function Heading({ as, size = "base", className, children, ref, ...props }) {
+	return /* @__PURE__ */ jsx(as || "h2", {
+		ref,
+		className: cn(size === "sm" && "text-sm", size === "base" && "text-base", size === "lg" && "text-lg", size === "xl" && "text-xl", size === "2xl" && "text-2xl", size === "3xl" && "text-3xl", size === "4xl" && "text-4xl", "font-semibold", className),
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/primitives/Text.tsx
+/**
+* Text primitive - Typography component
+*/
+function Text({ as: Component = "p", size = "base", weight = "normal", color = "default", className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Component, {
+		ref,
+		className: cn(size === "xs" && "text-xs", size === "sm" && "text-sm", size === "base" && "text-base", size === "lg" && "text-lg", size === "xl" && "text-xl", size === "2xl" && "text-2xl", weight === "normal" && "font-normal", weight === "medium" && "font-medium", weight === "semibold" && "font-semibold", weight === "bold" && "font-bold", color === "muted" && "text-muted-foreground", color === "primary" && "text-primary", color === "secondary" && "text-secondary-foreground", color === "destructive" && "text-destructive", className),
+		...props
+	});
+}
+//#endregion
+export { Textarea as a, FormLabel as c, CardContent as d, CardDescription as f, AuthLayout as g, CardTitle as h, Flex as i, Label as l, CardHeader as m, Heading as n, Input as o, CardFooter as p, Grid as r, FormField as s, Text as t, Card as u };
+
+//# sourceMappingURL=Text-BWMs9_wn.js.map

package/dist/Text-BWMs9_wn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text-BWMs9_wn.js","names":[],"sources":["../src/components/auth-layout.tsx","../src/components/Card.tsx","../src/components/Label.tsx","../src/components/FormLabel.tsx","../src/components/form-field.tsx","../src/components/Input.tsx","../src/components/Textarea.tsx","../src/primitives/Flex.tsx","../src/primitives/Grid.tsx","../src/primitives/Heading.tsx","../src/primitives/Text.tsx"],"sourcesContent":["import type React from 'react';\n\nexport interface AuthLayoutProps {\n  children: React.ReactNode;\n  /** Optional branding slot rendered above the auth form */\n  header?: React.ReactNode;\n  /** Optional branding slot rendered below the auth form */\n  footer?: React.ReactNode;\n}\n\nexport function AuthLayout({ children, header, footer }: AuthLayoutProps) {\n  return (\n    <main className=\"flex min-h-dvh flex-col p-2\">\n      <div className=\"flex grow flex-col items-center justify-center gap-6 p-6 lg:rounded-lg lg:bg-white lg:p-10 lg:shadow-xs lg:ring-1 lg:ring-zinc-950/5 dark:lg:bg-zinc-900 dark:lg:ring-white/10\">\n        {header}\n        {children}\n        {footer}\n      </div>\n    </main>\n  );\n}\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nfunction Card({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return (\n    <div\n      className={cn('rounded-lg border bg-card text-card-foreground shadow-sm', className)}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return <div className={cn('flex flex-col space-y-1.5 p-6', className)} ref={ref} {...props} />;\n}\n\nfunction CardTitle({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLHeadingElement> & { ref?: React.Ref<HTMLParagraphElement> }) {\n  return (\n    <h3\n      className={cn('text-2xl font-semibold leading-none tracking-tight', className)}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nfunction CardDescription({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement> & { ref?: React.Ref<HTMLParagraphElement> }) {\n  return <p className={cn('text-sm text-muted-foreground', className)} ref={ref} {...props} />;\n}\n\nfunction CardContent({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return <div className={cn('p-6 pt-0', className)} ref={ref} {...props} />;\n}\n\nfunction CardFooter({\n  className,\n  ref,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { ref?: React.Ref<HTMLDivElement> }) {\n  return <div className={cn('flex items-center p-6 pt-0', className)} ref={ref} {...props} />;\n}\n\nexport { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\n  ref?: React.Ref<HTMLLabelElement>;\n};\n\nfunction Label({ className, ref, ...props }: LabelProps) {\n  return (\n    // biome-ignore lint/a11y/noLabelWithoutControl: label associations are provided by consumers.\n    <label\n      ref={ref}\n      className={cn(\n        'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nLabel.displayName = 'Label';\n\nexport { Label };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\nimport { Label, type LabelProps } from './Label.js';\n\nexport interface FormLabelProps extends LabelProps {\n  required?: boolean;\n  ref?: React.Ref<HTMLLabelElement>;\n}\n\nfunction FormLabel({ required, className, children, ref, ...props }: FormLabelProps) {\n  return (\n    <Label ref={ref} className={cn(className)} {...props}>\n      {children}\n      {required && <span className=\"text-destructive ml-1\">*</span>}\n    </Label>\n  );\n}\n\nFormLabel.displayName = 'FormLabel';\n\nexport { FormLabel };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\nimport { FormLabel } from './FormLabel.js';\n\nexport interface FormFieldProps {\n  /** Unique ID linking label to input — must match the input's `id` prop */\n  id: string;\n  /** Label text */\n  label: string;\n  /** Error message — when set, field shows error styling */\n  error?: string;\n  /** Helper text shown below the input */\n  description?: string;\n  /** Show required asterisk on label */\n  required?: boolean;\n  /** Additional class on wrapper */\n  className?: string;\n  /** The input/select/textarea element */\n  children: React.ReactNode;\n}\n\nfunction FormField({\n  id,\n  label,\n  error,\n  description,\n  required,\n  className,\n  children,\n}: FormFieldProps) {\n  const descriptionId = description ? `${id}-description` : undefined;\n  const errorId = error ? `${id}-error` : undefined;\n\n  return (\n    <div className={cn('space-y-1.5', className)}>\n      <FormLabel htmlFor={id} required={required}>\n        {label}\n      </FormLabel>\n      {children}\n      {description && !error && (\n        <p id={descriptionId} className=\"text-xs text-zinc-500 dark:text-zinc-400\">\n          {description}\n        </p>\n      )}\n      {error && (\n        <p id={errorId} role=\"alert\" className=\"text-xs text-red-600 dark:text-red-400\">\n          {error}\n        </p>\n      )}\n    </div>\n  );\n}\n\nFormField.displayName = 'FormField';\n\nexport { FormField };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  ref?: React.Ref<HTMLInputElement>;\n};\n\nfunction Input({ type, className, ref, ...props }: InputProps) {\n  return (\n    <input\n      className={cn(\n        'flex h-10 w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      ref={ref}\n      type={type}\n      {...props}\n    />\n  );\n}\n\nexport { Input };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & {\n  ref?: React.Ref<HTMLTextAreaElement>;\n};\n\nfunction Textarea({ className, ref, ...props }: TextareaProps) {\n  return (\n    <textarea\n      className={cn(\n        'flex min-h-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';\n  wrap?: boolean | 'wrap' | 'nowrap' | 'wrap-reverse';\n  gap?: number | string;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Flex primitive - Flexbox container component\n */\nfunction Flex({\n  direction = 'row',\n  align,\n  justify,\n  wrap,\n  gap,\n  className,\n  style,\n  ref,\n  ...props\n}: FlexProps) {\n  const flexClasses = cn(\n    'flex',\n    direction && `flex-${direction}`,\n    align && `items-${align === 'start' ? 'start' : align === 'end' ? 'end' : align}`,\n    justify &&\n      `justify-${justify === 'start' ? 'start' : justify === 'end' ? 'end' : justify === 'between' ? 'between' : justify === 'around' ? 'around' : justify === 'evenly' ? 'evenly' : 'center'}`,\n    wrap === true && 'flex-wrap',\n    wrap === 'wrap' && 'flex-wrap',\n    wrap === 'nowrap' && 'flex-nowrap',\n    wrap === 'wrap-reverse' && 'flex-wrap-reverse',\n    className,\n  );\n\n  const flexStyle = {\n    ...style,\n    ...(gap && { gap: typeof gap === 'number' ? `${gap}px` : gap }),\n  };\n\n  return <div ref={ref} className={flexClasses} style={flexStyle} {...props} />;\n}\n\nexport { Flex };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface GridProps extends React.HTMLAttributes<HTMLDivElement> {\n  cols?: number | string;\n  rows?: number | string;\n  gap?: number | string;\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/**\n * Grid primitive - CSS Grid container component\n */\nfunction Grid({ cols, rows, gap, className, style, ref, ...props }: GridProps) {\n  const gridStyle: React.CSSProperties = {\n    ...style,\n    ...(cols && {\n      gridTemplateColumns: typeof cols === 'number' ? `repeat(${cols}, 1fr)` : cols,\n    }),\n    ...(rows && {\n      gridTemplateRows: typeof rows === 'number' ? `repeat(${rows}, 1fr)` : rows,\n    }),\n    ...(gap && { gap: typeof gap === 'number' ? `${gap}px` : gap }),\n  };\n\n  return <div ref={ref} className={cn('grid', className)} style={gridStyle} {...props} />;\n}\n\nexport { Grid };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n  size?: 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n  ref?: React.Ref<HTMLHeadingElement>;\n}\n\n/**\n * Heading primitive - Heading component\n */\nfunction Heading({ as, size = 'base', className, children, ref, ...props }: HeadingProps) {\n  const Component = as || 'h2';\n\n  const headingClasses = cn(\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    size === '3xl' && 'text-3xl',\n    size === '4xl' && 'text-4xl',\n    'font-semibold',\n    className,\n  );\n\n  return (\n    <Component ref={ref} className={headingClasses} {...props}>\n      {children}\n    </Component>\n  );\n}\n\nexport { Heading };\n","import type React from 'react';\nimport { cn } from '../utils/cn.js';\n\nexport interface TextProps extends React.HTMLAttributes<HTMLParagraphElement> {\n  as?: 'p' | 'span' | 'div';\n  size?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl';\n  weight?: 'normal' | 'medium' | 'semibold' | 'bold';\n  color?: 'default' | 'muted' | 'primary' | 'secondary' | 'destructive';\n  ref?: React.Ref<HTMLParagraphElement>;\n}\n\n/**\n * Text primitive - Typography component\n */\nfunction Text({\n  as: Component = 'p',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  className,\n  ref,\n  ...props\n}: TextProps) {\n  const textClasses = cn(\n    size === 'xs' && 'text-xs',\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    weight === 'normal' && 'font-normal',\n    weight === 'medium' && 'font-medium',\n    weight === 'semibold' && 'font-semibold',\n    weight === 'bold' && 'font-bold',\n    color === 'muted' && 'text-muted-foreground',\n    color === 'primary' && 'text-primary',\n    color === 'secondary' && 'text-secondary-foreground',\n    color === 'destructive' && 'text-destructive',\n    className,\n  );\n\n  return <Component ref={ref} className={textClasses} {...props} />;\n}\n\nexport { Text };\n"],"mappings":"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"}

package/dist/client.d.ts

@@ -4,7 +4,7 @@
  * Client-only components that use React hooks and must be used in Client Components.
  */
 export { Accordion, AccordionItem } from './components/accordion.js';
-export { Alert, AlertActions, AlertBody, AlertDescription, AlertTitle } from './components/alert.js';
+export { Alert, AlertActions, AlertBody, AlertDescription, AlertTitle, } from './components/alert.js';
 export { Avatar } from './components/avatar.js';
 export { AvatarGroup } from './components/avatar-group.js';
 export { Badge } from './components/badge.js';
@@ -28,6 +28,8 @@ export { Kbd, KbdShortcut } from './components/kbd.js';
 export { Link } from './components/link.js';
 export { Listbox, ListboxDescription, ListboxLabel, ListboxOption, } from './components/listbox.js';
 export { Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer, } from './components/navbar.js';
+export { Pagination, PaginationContent, PaginationEllipsis, type PaginationEllipsisProps, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationNext, type PaginationNextProps, PaginationPrevious, type PaginationPreviousProps, type PaginationProps, } from './components/Pagination.js';
+export { PricingTable, type PricingTableProps, type PricingTier, } from './components/pricing-table.js';
 export { Progress } from './components/progress.js';
 export { Radio, RadioField, RadioGroup } from './components/radio.js';
 export { Rating } from './components/rating.js';

package/dist/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../src/client.ts"],"names":[],"mappings":"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"}