@neynar/ui 0.1.1

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

@@ -0,0 +1,321 @@
+import * as React from "react";
+/**
+ * Table - A responsive data table component for displaying structured information
+ *
+ * Built on semantic HTML table elements with responsive scrolling and proper accessibility.
+ * Follows shadcn/ui patterns for data presentation and can be enhanced with TanStack Table
+ * for sorting, filtering, and pagination. Perfect for dashboards, data management, and
+ * structured content display.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic table with Farcaster user data
+ * <Table>
+ *   <TableCaption>Recent casts from your network</TableCaption>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead>User</TableHead>
+ *       <TableHead>Channel</TableHead>
+ *       <TableHead>Content</TableHead>
+ *       <TableHead className="text-right">Reactions</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell className="font-medium">@dwr.eth</TableCell>
+ *       <TableCell>/farcaster</TableCell>
+ *       <TableCell>Announcing Farcaster v2...</TableCell>
+ *       <TableCell className="text-right">1,234</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Table with selection and actions
+ * <Table>
+ *   <TableHeader>
+ *     <TableRow>
+ *       <TableHead className="w-[50px]">
+ *         <Checkbox />
+ *       </TableHead>
+ *       <TableHead>User</TableHead>
+ *       <TableHead>FID</TableHead>
+ *       <TableHead className="text-right">Actions</TableHead>
+ *     </TableRow>
+ *   </TableHeader>
+ *   <TableBody>
+ *     <TableRow data-state="selected">
+ *       <TableCell><Checkbox checked /></TableCell>
+ *       <TableCell>@vitalik.eth</TableCell>
+ *       <TableCell>5650</TableCell>
+ *       <TableCell className="text-right">
+ *         <Button variant="ghost" size="sm">Edit</Button>
+ *       </TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ * </Table>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Table with footer totals
+ * <Table>
+ *   <TableBody>
+ *     <TableRow>
+ *       <TableCell>/farcaster</TableCell>
+ *       <TableCell className="text-right">5,234</TableCell>
+ *     </TableRow>
+ *   </TableBody>
+ *   <TableFooter>
+ *     <TableRow>
+ *       <TableCell>Total</TableCell>
+ *       <TableCell className="text-right">15,767</TableCell>
+ *     </TableRow>
+ *   </TableFooter>
+ * </Table>
+ * ```
+ *
+ * @accessibility
+ * - Semantic HTML table structure with thead, tbody, tfoot elements
+ * - Screen reader navigation with proper table headers and data relationships
+ * - Responsive horizontal scrolling container for mobile devices
+ * - Caption support for table descriptions and context
+ * - Selection states communicated via data-state attributes
+ * - Keyboard navigation support for interactive elements
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/table} shadcn/ui Table documentation
+ * @see {@link https://ui.shadcn.com/docs/components/data-table} TanStack Table integration
+ * @see {@link TableHeader} Table header container component
+ * @see {@link TableBody} Table body container component
+ * @see {@link TableRow} Table row component with hover and selection states
+ * @see {@link TableCell} Table data cell component
+ * @see {@link TableHead} Table header cell component
+ * @since 1.0.0
+ */
+declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableHeader - Container for table header rows
+ *
+ * Groups header rows and applies consistent styling with bottom borders.
+ * Contains TableRow components with TableHead cells for column definitions.
+ * Essential for accessibility and proper table structure.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TableHeader>
+ *   <TableRow>
+ *     <TableHead>Username</TableHead>
+ *     <TableHead>FID</TableHead>
+ *     <TableHead className="text-right">Actions</TableHead>
+ *   </TableRow>
+ * </TableHeader>
+ * ```
+ *
+ * @accessibility
+ * - Semantic thead element for proper table structure
+ * - Screen readers identify this as the table header section
+ * - Provides context for data columns below
+ * @since 1.0.0
+ */
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableBody - Container for table data rows
+ *
+ * Main content area of the table containing all data rows.
+ * Applies border styling where the last row has no bottom border.
+ * Contains TableRow components with TableCell elements.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TableBody>
+ *   <TableRow>
+ *     <TableCell>@dwr.eth</TableCell>
+ *     <TableCell>3</TableCell>
+ *     <TableCell>45.2k followers</TableCell>
+ *   </TableRow>
+ *   <TableRow>
+ *     <TableCell>@vitalik.eth</TableCell>
+ *     <TableCell>5650</TableCell>
+ *     <TableCell>112.3k followers</TableCell>
+ *   </TableRow>
+ * </TableBody>
+ * ```
+ *
+ * @accessibility
+ * - Semantic tbody element for data rows
+ * - Supports keyboard navigation through rows
+ * - Screen readers navigate row by row through content
+ * @since 1.0.0
+ */
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableFooter - Container for table footer rows
+ *
+ * Used for summary rows, totals, or additional table information.
+ * Styled with a muted background and top border to distinguish from data rows.
+ * Typically contains aggregated data or table-wide information.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <TableFooter>
+ *   <TableRow>
+ *     <TableCell>Total Users</TableCell>
+ *     <TableCell>15,767</TableCell>
+ *     <TableCell className="text-right">+9.25%</TableCell>
+ *   </TableRow>
+ * </TableFooter>
+ * ```
+ *
+ * @accessibility
+ * - Semantic tfoot element for summary data
+ * - Screen readers announce as table footer section
+ * - Distinguished visually and semantically from body content
+ * @since 1.0.0
+ */
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableRow - A table row component with interactive states
+ *
+ * Represents a single row in the table with hover effects and selection support.
+ * Supports data-state attributes for visual feedback and proper border styling.
+ * Essential building block for all table content areas.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic row
+ * <TableRow>
+ *   <TableCell>@dwr.eth</TableCell>
+ *   <TableCell>/farcaster</TableCell>
+ * </TableRow>
+ *
+ * // Selected row
+ * <TableRow data-state="selected">
+ *   <TableCell>@vitalik.eth</TableCell>
+ *   <TableCell>/ethereum</TableCell>
+ * </TableRow>
+ * ```
+ *
+ * @accessibility
+ * - Supports data-state="selected" for selection indication
+ * - Hover state enhances interactivity and focus
+ * - Semantic tr element maintains table structure
+ * - Visual feedback for user interactions
+ * @since 1.0.0
+ */
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableHead - Table header cell component for column definitions
+ *
+ * Used for column headers with medium font weight and proper text alignment.
+ * Includes special styling for checkbox columns and interactive elements.
+ * Essential for screen reader navigation and table accessibility.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Text headers
+ * <TableHead>Username</TableHead>
+ * <TableHead className="text-right">Followers</TableHead>
+ *
+ * // Checkbox header
+ * <TableHead className="w-[50px]">
+ *   <Checkbox />
+ * </TableHead>
+ *
+ * // Sortable header
+ * <TableHead>
+ *   <Button variant="ghost">FID ↕</Button>
+ * </TableHead>
+ * ```
+ *
+ * @accessibility
+ * - Semantic th element for column headers
+ * - Screen readers announce as column headers for navigation
+ * - Supports scope attribute for complex table relationships
+ * - Special checkbox styling maintains proper alignment
+ * @since 1.0.0
+ */
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableCell - Table data cell component for content display
+ *
+ * Used for data cells within table rows with consistent padding and alignment.
+ * Supports custom styling, truncation, and special handling for interactive elements
+ * like checkboxes and buttons.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic data cells
+ * <TableCell>@dwr.eth</TableCell>
+ * <TableCell className="text-right">1,234</TableCell>
+ * <TableCell className="font-medium">Active</TableCell>
+ *
+ * // Cell with checkbox
+ * <TableCell>
+ *   <Checkbox checked />
+ * </TableCell>
+ *
+ * // Cell with truncated content
+ * <TableCell className="max-w-[200px] truncate">
+ *   This is a very long piece of content...
+ * </TableCell>
+ *
+ * // Cell spanning multiple columns
+ * <TableCell colSpan={3} className="text-center">
+ *   No data available
+ * </TableCell>
+ * ```
+ *
+ * @accessibility
+ * - Semantic td element for data cells
+ * - Supports checkbox cells with proper alignment adjustments
+ * - Screen readers navigate cell by cell for data comprehension
+ * - ColSpan support for empty states and grouped content
+ * @since 1.0.0
+ */
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
+/**
+ * TableCaption - Table caption for describing table content and context
+ *
+ * Provides a description, title, or additional context for the table.
+ * Displayed with muted styling and proper spacing. Essential for accessibility
+ * as screen readers announce the caption to provide table context.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableCaption>Recent casts from your network</TableCaption>
+ *   <TableHeader>...</TableHeader>
+ *   <TableBody>...</TableBody>
+ * </Table>
+ *
+ * // Caption with additional context
+ * <Table>
+ *   <TableCaption>
+ *     Channel analytics for the last 30 days.
+ *     Data updated every hour.
+ *   </TableCaption>
+ *   <TableHeader>...</TableHeader>
+ *   <TableBody>...</TableBody>
+ * </Table>
+ * ```
+ *
+ * @accessibility
+ * - Semantic caption element positioned according to HTML standards
+ * - Screen readers announce caption before table content
+ * - Provides essential context for understanding table data
+ * - Helps users understand table purpose and scope
+ * @since 1.0.0
+ */
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+FG;AACH,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAapE;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAC"}

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

@@ -0,0 +1,260 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+/**
+ * A tabbed interface component for organizing content into multiple sections.
+ *
+ * Tabs provide an intuitive way to organize and display content in separate panels,
+ * with only one panel visible at a time. Built on Radix UI's robust accessibility
+ * foundation with full keyboard navigation, focus management, and screen reader support.
+ *
+ * The component supports both controlled and uncontrolled usage patterns, allowing
+ * for flexible integration in various application contexts. Each tab consists of a
+ * trigger (button) that activates its corresponding content panel.
+ *
+ * @example Basic uncontrolled tabs
+ * ```tsx
+ * <Tabs defaultValue="account" className="w-[400px]">
+ *   <TabsList>
+ *     <TabsTrigger value="account">Account</TabsTrigger>
+ *     <TabsTrigger value="password">Password</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="account">
+ *     <Card>
+ *       <CardContent>
+ *         <p>Manage your account settings here.</p>
+ *       </CardContent>
+ *     </Card>
+ *   </TabsContent>
+ *   <TabsContent value="password">
+ *     <Card>
+ *       <CardContent>
+ *         <p>Change your password here.</p>
+ *       </CardContent>
+ *     </Card>
+ *   </TabsContent>
+ * </Tabs>
+ * ```
+ *
+ * @example Controlled tabs with external state management
+ * ```tsx
+ * const [activeTab, setActiveTab] = useState("overview");
+ *
+ * // External controls can change the active tab
+ * const handleQuickNav = (tab: string) => {
+ *   setActiveTab(tab);
+ * };
+ *
+ * <Tabs value={activeTab} onValueChange={setActiveTab}>
+ *   <TabsList>
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *     <TabsTrigger value="analytics">Analytics</TabsTrigger>
+ *     <TabsTrigger value="reports">Reports</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">
+ *     <DashboardOverview />
+ *   </TabsContent>
+ *   <TabsContent value="analytics">
+ *     <AnalyticsPanel />
+ *   </TabsContent>
+ *   <TabsContent value="reports">
+ *     <ReportsPanel />
+ *   </TabsContent>
+ * </Tabs>
+ * ```
+ *
+ * @example Vertical orientation
+ * ```tsx
+ * <Tabs defaultValue="general" orientation="vertical" className="flex gap-4">
+ *   <TabsList className="flex-col h-auto">
+ *     <TabsTrigger value="general">General</TabsTrigger>
+ *     <TabsTrigger value="security">Security</TabsTrigger>
+ *     <TabsTrigger value="notifications">Notifications</TabsTrigger>
+ *   </TabsList>
+ *   <div className="flex-1">
+ *     <TabsContent value="general">
+ *       <SettingsGeneral />
+ *     </TabsContent>
+ *     <TabsContent value="security">
+ *       <SettingsSecurity />
+ *     </TabsContent>
+ *     <TabsContent value="notifications">
+ *       <SettingsNotifications />
+ *     </TabsContent>
+ *   </div>
+ * </Tabs>
+ * ```
+ *
+ * @param defaultValue - The initial active tab (uncontrolled usage)
+ * @param value - The currently active tab (controlled usage)
+ * @param onValueChange - Callback fired when the active tab changes
+ * @param orientation - Layout direction: "horizontal" (default) or "vertical"
+ * @param dir - Text direction for RTL support: "ltr" or "rtl"
+ * @param activationMode - When tabs activate: "automatic" (on focus) or "manual" (on click/enter)
+ * @param className - Additional CSS classes to apply
+ * @param children - Tab list, content panels, and other child elements
+ *
+ * @accessibility
+ * - **Keyboard Navigation**: Arrow keys navigate between tabs, Tab/Shift+Tab moves focus into/out of tab list
+ * - **Focus Management**: Home/End keys jump to first/last tab, proper focus visible indicators
+ * - **Screen Readers**: Proper ARIA roles (tablist, tab, tabpanel), labels, and state announcements
+ * - **Touch Support**: Touch-friendly trigger areas with appropriate spacing
+ * - **RTL Support**: Respects text direction for proper layout in right-to-left languages
+ *
+ * @see {@link https://ui.shadcn.com/docs/components/tabs} shadcn/ui tabs documentation
+ * @see {@link https://www.radix-ui.com/primitives/docs/components/tabs} Radix UI tabs primitive
+ * @see {@link TabsList} - Container component for tab triggers
+ * @see {@link TabsTrigger} - Individual clickable tab button
+ * @see {@link TabsContent} - Content panel associated with each tab
+ * @since 1.0.0
+ */
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Container component that groups all tab trigger buttons together.
+ *
+ * Provides consistent styling and layout for tab triggers with a unified
+ * background and proper spacing. The list maintains the tab order and
+ * handles focus management within the tabbed interface.
+ *
+ * @example Standard horizontal layout
+ * ```tsx
+ * <TabsList>
+ *   <TabsTrigger value="home">Home</TabsTrigger>
+ *   <TabsTrigger value="about">About</TabsTrigger>
+ *   <TabsTrigger value="contact">Contact</TabsTrigger>
+ * </TabsList>
+ * ```
+ *
+ * @example Grid layout for equal-width tabs
+ * ```tsx
+ * <TabsList className="grid w-full grid-cols-3">
+ *   <TabsTrigger value="tab1">Tab 1</TabsTrigger>
+ *   <TabsTrigger value="tab2">Tab 2</TabsTrigger>
+ *   <TabsTrigger value="tab3">Tab 3</TabsTrigger>
+ * </TabsList>
+ * ```
+ *
+ * @example Vertical orientation
+ * ```tsx
+ * <TabsList className="flex-col h-auto w-[200px]">
+ *   <TabsTrigger value="settings" className="w-full justify-start">
+ *     Settings
+ *   </TabsTrigger>
+ *   <TabsTrigger value="profile" className="w-full justify-start">
+ *     Profile
+ *   </TabsTrigger>
+ * </TabsList>
+ * ```
+ *
+ * @param className - Additional CSS classes for custom styling
+ * @param children - TabsTrigger components to be grouped
+ *
+ * @accessibility
+ * - Implements ARIA tablist role for screen readers
+ * - Maintains proper tab order and focus management
+ * - Supports keyboard navigation between triggers
+ *
+ * @since 1.0.0
+ */
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Individual clickable button that activates its associated tab content.
+ *
+ * Each trigger is associated with a specific tab panel via the `value` prop.
+ * The component automatically handles active states, focus management, and
+ * accessibility attributes. Supports icons, text, and custom content.
+ *
+ * @example Basic text trigger
+ * ```tsx
+ * <TabsTrigger value="dashboard">Dashboard</TabsTrigger>
+ * ```
+ *
+ * @example Trigger with icon
+ * ```tsx
+ * <TabsTrigger value="settings">
+ *   <Settings className="h-4 w-4" />
+ *   Settings
+ * </TabsTrigger>
+ * ```
+ *
+ * @example Disabled trigger
+ * ```tsx
+ * <TabsTrigger value="premium" disabled>
+ *   Premium Features
+ * </TabsTrigger>
+ * ```
+ *
+ * @param value - Unique identifier that associates this trigger with its content panel
+ * @param disabled - When true, prevents interaction and shows disabled styling
+ * @param className - Additional CSS classes for custom styling
+ * @param children - Content to display within the trigger (text, icons, etc.)
+ *
+ * @accessibility
+ * - Implements ARIA tab role with proper attributes
+ * - Announces selected state to screen readers
+ * - Supports keyboard activation (Space, Enter)
+ * - Shows focus visible indicators for keyboard users
+ * - Respects disabled state for assistive technology
+ *
+ * @since 1.0.0
+ */
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Content panel that displays when its associated tab trigger is active.
+ *
+ * Each content panel is linked to a specific trigger via the `value` prop.
+ * Only one content panel is visible at a time, creating a clean tabbed
+ * interface. The component handles enter/exit animations and proper
+ * focus management when tabs change.
+ *
+ * @example Basic content panel
+ * ```tsx
+ * <TabsContent value="profile">
+ *   <Card>
+ *     <CardHeader>
+ *       <CardTitle>Profile Settings</CardTitle>
+ *     </CardHeader>
+ *     <CardContent>
+ *       <ProfileForm />
+ *     </CardContent>
+ *   </Card>
+ * </TabsContent>
+ * ```
+ *
+ * @example Content with loading state
+ * ```tsx
+ * <TabsContent value="analytics">
+ *   {isLoading ? (
+ *     <div className="flex items-center justify-center p-8">
+ *       <Spinner className="h-6 w-6" />
+ *     </div>
+ *   ) : (
+ *     <AnalyticsCharts data={analyticsData} />
+ *   )}
+ * </TabsContent>
+ * ```
+ *
+ * @example Lazy-loaded content
+ * ```tsx
+ * <TabsContent value="reports" className="space-y-4">
+ *   <Suspense fallback={<ReportsSkeleton />}>
+ *     <ReportsPanel />
+ *   </Suspense>
+ * </TabsContent>
+ * ```
+ *
+ * @param value - Unique identifier that associates this content with its trigger
+ * @param forceMount - When true, content stays mounted even when inactive (useful for preserving state)
+ * @param className - Additional CSS classes for custom styling
+ * @param children - The content to display when this tab is active
+ *
+ * @accessibility
+ * - Implements ARIA tabpanel role with proper labeling
+ * - Hidden from screen readers when inactive
+ * - Receives focus when tab is activated via keyboard
+ * - Maintains focus within panel content
+ *
+ * @since 1.0.0
+ */
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAItD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0GG;AACH,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQjD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWjD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAWpD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AACH,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQpD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC"}