@neynar/ui 0.1.1

package/dist/components/ui/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8GG;AACH,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW5E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AACH,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,129 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+/**
+ * Button variant configuration using class-variance-authority
+ *
+ * Defines all possible visual variants and sizes for the Button component.
+ * Uses Tailwind CSS 4 with custom CSS properties for theming.
+ *
+ * @see {@link https://cva.style/docs} - CVA documentation
+ * @since 1.0.0
+ */
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Button - A versatile button component with multiple style variants and sizes
+ *
+ * The Button component is a fundamental UI element used to trigger actions or navigate
+ * through the application. Built on Radix UI's Slot primitive, it supports multiple
+ * visual variants, sizes, and can be composed with other components using the asChild
+ * prop for maximum flexibility. Icons placed within the button are automatically
+ * styled with proper spacing and sizing.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <Button>Click me</Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With variants and sizes
+ * <Button variant="outline" size="lg">Large Outline Button</Button>
+ * <Button variant="destructive" size="sm">Delete</Button>
+ * <Button variant="ghost">Ghost Button</Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With icons (automatically styled)
+ * import { Download, ArrowRight, Plus } from "lucide-react";
+ *
+ * <Button>
+ *   <Download /> Download File
+ * </Button>
+ *
+ * <Button>
+ *   Continue <ArrowRight />
+ * </Button>
+ *
+ * // Icon-only button
+ * <Button size="icon" aria-label="Add item">
+ *   <Plus />
+ * </Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // As other elements using asChild (composition pattern)
+ * import Link from "next/link";
+ *
+ * <Button asChild>
+ *   <Link href="/dashboard">Go to Dashboard</Link>
+ * </Button>
+ *
+ * <Button asChild variant="outline">
+ *   <a href="https://example.com" target="_blank" rel="noopener">
+ *     External Link
+ *   </a>
+ * </Button>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Form integration and states
+ * <Button disabled>Loading...</Button>
+ * <Button type="submit">Submit Form</Button>
+ * <Button aria-invalid={hasError}>Validate</Button>
+ *
+ * // Loading state with spinner
+ * <Button disabled>
+ *   <LoadingSpinner className="size-4" />
+ *   Processing...
+ * </Button>
+ * ```
+ *
+ * @accessibility
+ * - Supports keyboard navigation (Enter/Space to activate)
+ * - Properly handles disabled state with pointer-events-none and opacity
+ * - Focus visible ring (3px ring-ring/50) for keyboard navigation
+ * - Supports aria-invalid for form validation states with destructive ring
+ * - Icons are automatically marked as non-interactive (pointer-events-none)
+ * - Screen reader friendly with proper semantic button element
+ * - When used with asChild, preserves accessibility of child element
+ * - Icon-only buttons should include aria-label for screen readers
+ *
+ * @see {@link buttonVariants} - For all available style variants and sizes
+ * @see {@link https://ui.shadcn.com/docs/components/button} - shadcn/ui button documentation
+ * @since 1.0.0
+ */
+/**
+ * Button component props type
+ *
+ * Extends all standard HTML button attributes with additional variant and composition props.
+ */
+type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    /**
+     * If true, the button will render its child element instead of a button element.
+     * This enables composition patterns like turning links into buttons.
+     *
+     * @example
+     * ```tsx
+     * <Button asChild>
+     *   <Link href="/dashboard">Dashboard</Link>
+     * </Button>
+     * ```
+     *
+     * @default false
+     */
+    asChild?: boolean;
+};
+declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
+export { Button, buttonVariants, type ButtonProps };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE;;;;;;;;GAQG;AACH,QAAA,MAAM,cAAc;;;8EA+CnB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsFG;AACH;;;;GAIG;AACH,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/C,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEJ,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAUb;kBAhBQ,MAAM;;;AAoBf,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,CAAC"}

package/dist/components/ui/calendar.d.ts

@@ -0,0 +1,169 @@
+import * as React from "react";
+import { DayButton, DayPicker } from "react-day-picker";
+import { Button } from "@/components/ui/button";
+/**
+ * Calendar - A comprehensive date selection calendar component
+ *
+ * A fully-featured calendar component built on react-day-picker that provides intuitive
+ * date selection with extensive customization options. Supports single dates, date ranges,
+ * multiple dates, and custom validation rules with built-in accessibility features.
+ *
+ * @component
+ *
+ * @example Basic single date selection
+ * ```tsx
+ * const [date, setDate] = useState<Date | undefined>()
+ *
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   className="rounded-md border"
+ * />
+ * ```
+ *
+ * @example Date range selection with two months
+ * ```tsx
+ * const [dateRange, setDateRange] = useState<DateRange | undefined>()
+ *
+ * <Calendar
+ *   mode="range"
+ *   selected={dateRange}
+ *   onSelect={setDateRange}
+ *   numberOfMonths={2}
+ *   className="rounded-md border"
+ * />
+ * ```
+ *
+ * @example Multiple date selection
+ * ```tsx
+ * const [dates, setDates] = useState<Date[] | undefined>()
+ *
+ * <Calendar
+ *   mode="multiple"
+ *   selected={dates}
+ *   onSelect={setDates}
+ *   className="rounded-md border"
+ * />
+ * ```
+ *
+ * @example Calendar with disabled dates and custom validation
+ * ```tsx
+ * <Calendar
+ *   mode="single"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   disabled={[
+ *     { before: new Date() }, // Disable past dates
+ *     { dayOfWeek: [0, 6] }, // Disable weekends
+ *     { from: new Date(2024, 0, 15), to: new Date(2024, 0, 20) } // Disable range
+ *   ]}
+ *   className="rounded-md border"
+ * />
+ * ```
+ *
+ * @example Calendar with month/year dropdowns
+ * ```tsx
+ * <Calendar
+ *   mode="single"
+ *   captionLayout="dropdown"
+ *   selected={date}
+ *   onSelect={setDate}
+ *   fromYear={2020}
+ *   toYear={2030}
+ *   className="rounded-md border"
+ * />
+ * ```
+ *
+ * @features
+ * - **Selection modes**: Single date, date ranges, multiple dates
+ * - **Navigation**: Month/year navigation with keyboard support
+ * - **Validation**: Flexible date disabling and validation rules
+ * - **Customization**: Multiple caption layouts, button variants, styling
+ * - **Internationalization**: Built-in locale support via react-day-picker
+ * - **Accessibility**: Full WCAG compliance with keyboard navigation
+ *
+ * @accessibility
+ * - **Keyboard Navigation**: Arrow keys for date navigation, Page Up/Down for months
+ * - **Screen Reader Support**: Comprehensive ARIA labels and announcements
+ * - **Focus Management**: Proper focus handling and restoration
+ * - **Standards Compliance**: WCAG 2.1 AA compliant
+ * - **RTL Support**: Right-to-left language support
+ *
+ * @performance
+ * The component is optimized for performance with minimal re-renders and efficient
+ * DOM updates. Large date ranges and multiple months are handled efficiently.
+ *
+ * @styling
+ * Fully customizable with Tailwind CSS classes. Supports CSS custom properties
+ * for cell sizing (`--cell-size`) and integrates with the design system theme.
+ *
+ * @see {@link CalendarDayButton} Individual day button component
+ * @see [react-day-picker docs](https://react-day-picker.js.org/) for advanced configuration
+ * @see {@link https://ui.shadcn.com/docs/components/calendar} - shadcn/ui Calendar documentation
+ * @since 1.0.0
+ */
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    /**
+     * Button variant for navigation arrows and interactive elements
+     *
+     * Controls the visual style of the previous/next month navigation buttons.
+     * Choose from shadcn/ui button variants to match your design system.
+     *
+     * @default "ghost"
+     * @example
+     * ```tsx
+     * // Outline style navigation buttons
+     * <Calendar buttonVariant="outline" />
+     *
+     * // Secondary style for subtle navigation
+     * <Calendar buttonVariant="secondary" />
+     * ```
+     */
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * CalendarDayButton - Individual day button component for calendar dates
+ *
+ * Renders a single interactive day button with appropriate styling for different states
+ * including selected, today, disabled, and range selection indicators. This component
+ * is used internally by the Calendar component but can be customized if needed.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Used internally by Calendar component
+ * <CalendarDayButton
+ *   day={dayObject}
+ *   modifiers={{
+ *     selected: true,
+ *     today: false,
+ *     disabled: false,
+ *     range_start: false,
+ *     range_end: false,
+ *     range_middle: false
+ *   }}
+ * />
+ * ```
+ *
+ * @param day - The day object containing date information from react-day-picker
+ * @param modifiers - State modifiers object controlling appearance and behavior
+ * @param modifiers.selected - Whether this day is currently selected
+ * @param modifiers.today - Whether this day represents today's date
+ * @param modifiers.disabled - Whether this day is disabled for selection
+ * @param modifiers.range_start - Whether this day is the start of a date range
+ * @param modifiers.range_end - Whether this day is the end of a date range
+ * @param modifiers.range_middle - Whether this day is in the middle of a date range
+ * @param modifiers.focused - Whether this day currently has keyboard focus
+ *
+ * @accessibility
+ * - **Keyboard Navigation**: Fully keyboard accessible with arrow key support
+ * - **Screen Reader Support**: Announces date and selection state to assistive technology
+ * - **Focus Management**: Proper focus indicators and focus restoration
+ * - **State Announcement**: Clear visual and auditory feedback for selection states
+ *
+ * @since 1.0.0
+ */
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

package/dist/components/ui/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,wBAAwB,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C;;;;;;;;;;;;;;;OAeG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAoJA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/card.d.ts

@@ -0,0 +1,365 @@
+import * as React from "react";
+/**
+ * Card - A flexible container component for grouping related content
+ *
+ * Cards are surfaces that display content and actions on a single topic.
+ * They should be easy to scan for relevant and actionable information.
+ * Cards support composition through multiple sub-components and can be
+ * customized with various layouts and styling patterns.
+ *
+ * Based on the shadcn/ui Card component, this implementation provides:
+ * - Flexible composition through sub-components
+ * - Semantic HTML structure for accessibility
+ * - Consistent spacing and visual hierarchy
+ * - Support for interactive elements and actions
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic card with header and content
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Card Title</CardTitle>
+ *     <CardDescription>Card description goes here</CardDescription>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Card content goes here</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Card with action button in header
+ * <Card>
+ *   <CardHeader>
+ *     <CardTitle>Settings</CardTitle>
+ *     <CardAction>
+ *       <Button variant="ghost" size="icon">
+ *         <Settings />
+ *       </Button>
+ *     </CardAction>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <p>Manage your settings</p>
+ *   </CardContent>
+ *   <CardFooter>
+ *     <Button>Save Changes</Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Minimal card with only content
+ * <Card>
+ *   <CardContent>
+ *     <p>Simple card content without header or footer</p>
+ *   </CardContent>
+ * </Card>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Product card with custom styling
+ * <Card className="w-80 hover:shadow-lg transition-shadow">
+ *   <CardHeader>
+ *     <div className="aspect-video bg-muted rounded-lg mb-4" />
+ *     <CardTitle>Product Name</CardTitle>
+ *     <CardDescription>Product description</CardDescription>
+ *     <CardAction>
+ *       <Badge variant="secondary">New</Badge>
+ *     </CardAction>
+ *   </CardHeader>
+ *   <CardContent>
+ *     <div className="flex items-center justify-between">
+ *       <span className="text-2xl font-bold">$299</span>
+ *       <span className="text-sm text-muted-foreground line-through">$399</span>
+ *     </div>
+ *   </CardContent>
+ *   <CardFooter className="gap-2">
+ *     <Button className="flex-1">Add to Cart</Button>
+ *     <Button size="icon" variant="outline">
+ *       <Heart className="size-4" />
+ *     </Button>
+ *   </CardFooter>
+ * </Card>
+ * ```
+ *
+ * @accessibility
+ * - Uses semantic HTML structure with proper div elements
+ * - Supports keyboard navigation for interactive elements within
+ * - Proper heading hierarchy when using CardTitle
+ * - Screen reader friendly with clear content structure
+ * - Focus management handled by interactive child components
+ *
+ * @param {string} [className] - Additional CSS classes to apply to the card
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ *
+ * @see {@link CardHeader} - Card header container with grid layout support
+ * @see {@link CardTitle} - Card title component for main headings
+ * @see {@link CardDescription} - Card description component for supplementary text
+ * @see {@link CardAction} - Card action container for header buttons/controls
+ * @see {@link CardContent} - Card content container for main body content
+ * @see {@link CardFooter} - Card footer container for actions and supplementary info
+ * @see {@link https://ui.shadcn.com/docs/components/card} - shadcn/ui Card documentation
+ * @since 1.0.0
+ */
+declare function Card({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * CardHeader - Container for card header content
+ *
+ * Groups the card title, description, and optional action button.
+ * Automatically handles grid layout when CardAction is present, positioning
+ * the action to the right while allowing title and description to span
+ * the remaining space.
+ *
+ * Uses CSS Grid with container queries for responsive behavior:
+ * - Default: Single column layout for title and description
+ * - With CardAction: Two-column grid with action positioned top-right
+ * - Auto-adjusts spacing with gap utilities
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic header with title and description
+ * <CardHeader>
+ *   <CardTitle>Dashboard Overview</CardTitle>
+ *   <CardDescription>View your analytics and metrics</CardDescription>
+ * </CardHeader>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Header with action button
+ * <CardHeader>
+ *   <CardTitle>Settings</CardTitle>
+ *   <CardDescription>Manage your preferences</CardDescription>
+ *   <CardAction>
+ *     <Button variant="ghost" size="icon">
+ *       <MoreHorizontal className="size-4" />
+ *     </Button>
+ *   </CardAction>
+ * </CardHeader>
+ * ```
+ *
+ * @accessibility
+ * - Maintains proper heading structure with CardTitle
+ * - Supports responsive layout with container queries
+ * - Grid layout preserves reading order for screen readers
+ * - Action buttons maintain focus order
+ *
+ * @param {string} [className] - Additional CSS classes to apply
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ * @since 1.0.0
+ */
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * CardTitle - The main title of a card
+ *
+ * Renders the primary heading for a card. Should be used within CardHeader
+ * to maintain proper semantic structure and visual hierarchy. Uses semibold
+ * font weight and leading-none for compact appearance.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <CardTitle>Dashboard Overview</CardTitle>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom styling
+ * <CardTitle className="text-lg text-primary">
+ *   Featured Product
+ * </CardTitle>
+ * ```
+ *
+ * @accessibility
+ * - Acts as the primary heading for the card content
+ * - Should maintain logical heading hierarchy in the document
+ * - Screen readers will identify this as the card's main topic
+ *
+ * @param {string} [className] - Additional CSS classes to apply
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ * @since 1.0.0
+ */
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * CardDescription - Supplementary description text for a card
+ *
+ * Provides additional context or details about the card content.
+ * Styled with muted foreground color and smaller text size to create
+ * visual hierarchy below the CardTitle.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <CardDescription>
+ *   View and manage your dashboard settings
+ * </CardDescription>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Multi-line description
+ * <CardDescription>
+ *   This card contains important information about your account.
+ *   Review the details and take action if needed.
+ * </CardDescription>
+ * ```
+ *
+ * @accessibility
+ * - Provides context for screen readers
+ * - Uses muted color that maintains sufficient contrast
+ * - Should be descriptive and concise
+ *
+ * @param {string} [className] - Additional CSS classes to apply
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ * @since 1.0.0
+ */
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * CardAction - Container for card header actions
+ *
+ * Positioned to the right of the card header using CSS Grid positioning.
+ * Typically contains icon buttons, badges, or dropdown menus for card-specific
+ * actions. Automatically positioned when used within CardHeader.
+ *
+ * Grid positioning:
+ * - `col-start-2`: Places in second column
+ * - `row-span-2`: Spans both title and description rows
+ * - `row-start-1`: Starts from first row
+ * - `self-start justify-self-end`: Aligns to top-right
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <CardAction>
+ *   <Button variant="ghost" size="icon">
+ *     <MoreHorizontal className="size-4" />
+ *   </Button>
+ * </CardAction>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With badge
+ * <CardAction>
+ *   <Badge variant="secondary">New</Badge>
+ * </CardAction>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With dropdown menu
+ * <CardAction>
+ *   <DropdownMenu>
+ *     <DropdownMenuTrigger asChild>
+ *       <Button variant="ghost" size="icon">
+ *         <MoreHorizontal className="size-4" />
+ *       </Button>
+ *     </DropdownMenuTrigger>
+ *     <DropdownMenuContent>
+ *       <DropdownMenuItem>Edit</DropdownMenuItem>
+ *       <DropdownMenuItem>Delete</DropdownMenuItem>
+ *     </DropdownMenuContent>
+ *   </DropdownMenu>
+ * </CardAction>
+ * ```
+ *
+ * @accessibility
+ * - Interactive elements should have appropriate labels
+ * - Maintains logical tab order
+ * - Icon-only buttons should include aria-label
+ *
+ * @param {string} [className] - Additional CSS classes to apply
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ * @since 1.0.0
+ */
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * CardContent - Main content area of a card
+ *
+ * Contains the primary content for the card. Automatically applies
+ * horizontal padding to maintain consistent spacing with other card sections.
+ * Can contain any type of content including text, images, forms, or other
+ * components.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <CardContent>
+ *   <p>Your main content goes here.</p>
+ * </CardContent>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With custom spacing
+ * <CardContent className="py-4">
+ *   <div className="space-y-4">
+ *     <p>Multiple content elements</p>
+ *     <Button>Action button</Button>
+ *   </div>
+ * </CardContent>
+ * ```
+ *
+ * @accessibility
+ * - Contains the main content that screen readers will focus on
+ * - Should maintain logical content structure
+ * - Interactive elements should have proper focus management
+ *
+ * @param {string} [className] - Additional CSS classes to apply
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ * @since 1.0.0
+ */
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * CardFooter - Footer area of a card, typically for actions
+ *
+ * Positioned at the bottom of the card and commonly used for action buttons,
+ * supplementary information, or navigation elements. Uses flexbox layout
+ * with automatic alignment of items. Can be styled with border-top when
+ * visual separation from content is needed.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic footer with actions
+ * <CardFooter>
+ *   <Button variant="outline">Cancel</Button>
+ *   <Button>Save</Button>
+ * </CardFooter>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Footer with gap for better spacing
+ * <CardFooter className="gap-2">
+ *   <Button variant="outline" className="flex-1">Cancel</Button>
+ *   <Button className="flex-1">Confirm</Button>
+ * </CardFooter>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Footer with supplementary info
+ * <CardFooter className="justify-between">
+ *   <span className="text-sm text-muted-foreground">Last updated 2 days ago</span>
+ *   <Button size="sm">Edit</Button>
+ * </CardFooter>
+ * ```
+ *
+ * @accessibility
+ * - Action buttons should have descriptive labels
+ * - Maintains logical tab order for interactive elements
+ * - Consider aria-label for icon-only buttons
+ *
+ * @param {string} [className] - Additional CSS classes to apply
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Standard HTML div attributes
+ * @since 1.0.0
+ */
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyGG;AACH,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}