@neynar/ui 0.3.1 → 0.4.0

package/.llm/h6.llm.md

@@ -1,105 +0,0 @@
-# H6
-
-**Type**: component
-
-H6 - Smallest heading component for minimal emphasis The smallest semantic heading level. Uses "details" variant with h6 element for minimal but semantic emphasis.
-
-## JSX Usage
-
-```jsx
-import { H6 } from '@neynar/ui';
-
-<H6
-  color={value}
-  align={value}
-  transform={value}
-  weight={value}
-  htmlFor="value"
-  asChild={true}
-  italic={true}
-  underline={true}
-  strikethrough={true}
-  truncate={true}
-  srOnly={true}
-  className="value"
->
-  {/* Your content here */}
-</H6>
-```
-
-## Component Props
-
-### color
-- **Type**: `TypographyColor`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right" | "justify"`
-- **Required**: No
-- **Description**: No description available
-
-### transform
-- **Type**: `"uppercase" | "lowercase" | "capitalize"`
-- **Required**: No
-- **Description**: No description available
-
-### weight
-- **Type**: `"normal" | "medium" | "semibold" | "bold"`
-- **Required**: No
-- **Description**: No description available
-
-### htmlFor
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### italic
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### underline
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### strikethrough
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### truncate
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### srOnly
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### children
-- **Type**: `React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-```tsx
-// Smallest heading
-<H6>Notes and Disclaimers</H6>
-// In deeply nested content
-<H6 color="muted">Technical Details</H6>
-```
-/

package/.llm/lead.llm.md

@@ -1,114 +0,0 @@
-# Lead
-
-**Type**: component
-
-Lead - Introductory paragraph component for article openings Lead paragraph for article introductions, page descriptions, and summary content. Uses "subheading" variant with muted color for visual hierarchy.
-
-## JSX Usage
-
-```jsx
-import { Lead } from '@neynar/ui';
-
-<Lead
-  color={value}
-  align={value}
-  transform={value}
-  weight={value}
-  htmlFor="value"
-  asChild={true}
-  italic={true}
-  underline={true}
-  strikethrough={true}
-  truncate={true}
-  srOnly={true}
-  className="value"
->
-  {/* Your content here */}
-</Lead>
-```
-
-## Component Props
-
-### color
-- **Type**: `TypographyColor`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right" | "justify"`
-- **Required**: No
-- **Description**: No description available
-
-### transform
-- **Type**: `"uppercase" | "lowercase" | "capitalize"`
-- **Required**: No
-- **Description**: No description available
-
-### weight
-- **Type**: `"normal" | "medium" | "semibold" | "bold"`
-- **Required**: No
-- **Description**: No description available
-
-### htmlFor
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### italic
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### underline
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### strikethrough
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### truncate
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### srOnly
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### children
-- **Type**: `React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-```tsx
-// Article introduction
-<Lead>
-  This comprehensive guide covers everything you need to know about
-  building modern web applications with React and TypeScript.
-</Lead>
-// Page description
-<Lead className="mb-8">
-  Discover powerful APIs and tools to build the next generation
-  of social applications on Farcaster.
-</Lead>
-// With custom color
-<Lead color="default">
-  This lead paragraph uses the default text color for more prominence.
-</Lead>
-```

package/.llm/p.llm.md

@@ -1,110 +0,0 @@
-# P
-
-**Type**: component
-
-P - Paragraph component for body text content Standard paragraph element for readable body text. Uses "body" variant with p semantic element. Optimized for readability with appropriate line height and font size.
-
-## JSX Usage
-
-```jsx
-import { P } from '@neynar/ui';
-
-<P
-  color={value}
-  align={value}
-  transform={value}
-  weight={value}
-  htmlFor="value"
-  asChild={true}
-  italic={true}
-  underline={true}
-  strikethrough={true}
-  truncate={true}
-  srOnly={true}
-  className="value"
->
-  {/* Your content here */}
-</P>
-```
-
-## Component Props
-
-### color
-- **Type**: `TypographyColor`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right" | "justify"`
-- **Required**: No
-- **Description**: No description available
-
-### transform
-- **Type**: `"uppercase" | "lowercase" | "capitalize"`
-- **Required**: No
-- **Description**: No description available
-
-### weight
-- **Type**: `"normal" | "medium" | "semibold" | "bold"`
-- **Required**: No
-- **Description**: No description available
-
-### htmlFor
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### italic
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### underline
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### strikethrough
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### truncate
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### srOnly
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### children
-- **Type**: `React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-```tsx
-// Standard paragraph
-<P>This is standard body text that provides information to the user.</P>
-// With color variants
-<P color="muted">Secondary information with reduced visual prominence.</P>
-// With custom spacing
-<P className="mb-6">Paragraph with custom bottom margin for layout control.</P>
-// Truncated paragraph
-<P truncate className="max-w-md">
-  Long paragraph content that will be truncated with ellipsis
-</P>
-```

package/.llm/small.llm.md

@@ -1,110 +0,0 @@
-# Small
-
-**Type**: component
-
-Small - Fine print component for supplementary information Semantic small element for fine print, disclaimers, timestamps, and supplementary information. Uses "microcopy" variant for reduced visual prominence while maintaining readability.
-
-## JSX Usage
-
-```jsx
-import { Small } from '@neynar/ui';
-
-<Small
-  color={value}
-  align={value}
-  transform={value}
-  weight={value}
-  htmlFor="value"
-  asChild={true}
-  italic={true}
-  underline={true}
-  strikethrough={true}
-  truncate={true}
-  srOnly={true}
-  className="value"
->
-  {/* Your content here */}
-</Small>
-```
-
-## Component Props
-
-### color
-- **Type**: `TypographyColor`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right" | "justify"`
-- **Required**: No
-- **Description**: No description available
-
-### transform
-- **Type**: `"uppercase" | "lowercase" | "capitalize"`
-- **Required**: No
-- **Description**: No description available
-
-### weight
-- **Type**: `"normal" | "medium" | "semibold" | "bold"`
-- **Required**: No
-- **Description**: No description available
-
-### htmlFor
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### italic
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### underline
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### strikethrough
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### truncate
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### srOnly
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### children
-- **Type**: `React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-```tsx
-// Legal disclaimer
-<Small>Terms and conditions apply. See details for more information.</Small>
-// Timestamp or metadata
-<Small color="muted">Last updated 2 minutes ago</Small>
-// Copyright notice
-<Small className="text-center">
-  © 2024 Neynar. All rights reserved.
-</Small>
-// Form help text
-<Small color="muted">Password must be at least 8 characters long.</Small>
-```

package/.llm/span.llm.md

@@ -1,118 +0,0 @@
-# Span
-
-**Type**: component
-
-Span - Inline text component for text fragments and styling Generic inline element for styling text fragments within other content. Supports all typography variants while maintaining inline display behavior.
-
-## JSX Usage
-
-```jsx
-import { Span } from '@neynar/ui';
-
-<Span
-  variant={value}
-  color={value}
-  align={value}
-  transform={value}
-  weight={value}
-  htmlFor="value"
-  asChild={true}
-  italic={true}
-  underline={true}
-  strikethrough={true}
-  truncate={true}
-  srOnly={true}
-  className="value"
->
-  {/* Your content here */}
-</Span>
-```
-
-## Component Props
-
-### variant
-- **Type**: `TypographyVariant`
-- **Required**: No
-- **Description**: No description available
-
-### color
-- **Type**: `TypographyColor`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right" | "justify"`
-- **Required**: No
-- **Description**: No description available
-
-### transform
-- **Type**: `"uppercase" | "lowercase" | "capitalize"`
-- **Required**: No
-- **Description**: No description available
-
-### weight
-- **Type**: `"normal" | "medium" | "semibold" | "bold"`
-- **Required**: No
-- **Description**: No description available
-
-### htmlFor
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### italic
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### underline
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### strikethrough
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### truncate
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### srOnly
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### children
-- **Type**: `React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-```tsx
-// Inline text styling
-<p>
-  Regular text with <Span color="accent" weight="semibold">highlighted</Span> content
-</p>
-// Small inline details
-<Span variant="details" color="muted">
-  Updated 5 minutes ago
-</Span>
-// Inline code reference
-<Span variant="code" className="bg-muted px-1 rounded">
-  onClick
-</Span>
-```

package/.llm/strong.llm.md

@@ -1,110 +0,0 @@
-# Strong
-
-**Type**: component
-
-Strong - Emphasized text component for important content Semantic strong element for text that needs strong emphasis or importance. Uses "bodyEmphasized" variant with strong semantic meaning.
-
-## JSX Usage
-
-```jsx
-import { Strong } from '@neynar/ui';
-
-<Strong
-  color={value}
-  align={value}
-  transform={value}
-  weight={value}
-  htmlFor="value"
-  asChild={true}
-  italic={true}
-  underline={true}
-  strikethrough={true}
-  truncate={true}
-  srOnly={true}
-  className="value"
->
-  {/* Your content here */}
-</Strong>
-```
-
-## Component Props
-
-### color
-- **Type**: `TypographyColor`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right" | "justify"`
-- **Required**: No
-- **Description**: No description available
-
-### transform
-- **Type**: `"uppercase" | "lowercase" | "capitalize"`
-- **Required**: No
-- **Description**: No description available
-
-### weight
-- **Type**: `"normal" | "medium" | "semibold" | "bold"`
-- **Required**: No
-- **Description**: No description available
-
-### htmlFor
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### italic
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### underline
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### strikethrough
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### truncate
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### srOnly
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### children
-- **Type**: `React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-```tsx
-// Important information
-<Strong>Important: This action cannot be undone.</Strong>
-// Critical warning
-<Strong color="destructive">Error: Invalid credentials provided.</Strong>
-// In body text
-<p>
-  Make sure to <Strong>save your changes</Strong> before leaving the page.
-</p>
-// Success message
-<Strong color="success">Account created successfully!</Strong>
-```

package/.llm/toast.llm.md

@@ -1,32 +0,0 @@
-# toast
-
-**Type**: function
-
-toast function
-
-## API Surface
-
-```typescript
-import { toast } from '@neynar/ui';
-
-export const toast: ((message: titleT, data?: ExternalToast) => string | number) & {
-    success: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
-    info: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
-    warning: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
-    error: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
-    custom: (jsx: (id: number | string) => React.ReactElement, data?: ExternalToast) => string | number;
-    message: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
-    promise: <ToastData>(promise: PromiseT<ToastData>, data?: PromiseData<ToastData>) => (string & {
-        unwrap: () => Promise<ToastData>;
-    }) | (number & {
-        unwrap: () => Promise<ToastData>;
-    }) | {
-        unwrap: () => Promise<ToastData>;
-    };
-    dismiss: (id?: number | string) => string | number;
-    loading: (message: titleT | React.ReactNode, data?: ExternalToast) => string | number;
-} & {
-    getHistory: () => (ToastT | ToastToDismiss)[];
-    getToasts: () => (ToastT | ToastToDismiss)[];
-}
-```