@neynar/ui 0.2.0 → 0.3.0

package/llm-docs/chart-legend.llm.md

@@ -1,144 +0,0 @@
-# ChartLegend
-
-**Type**: component
-
-Legend component for charts Re-export of Recharts Legend component with support for custom content. Use with ChartLegendContent for consistent styling and theming integration.
-
-## JSX Usage
-
-```jsx
-import { ChartLegend } from '@neynar/ui';
-
-<ChartLegend
-  content={value}
-  payload={value}
-  align={value}
-  verticalAlign={value}
-  height={0}
-  width={0}
-  wrapperStyle={value}
-  wrapperClassName="value"
-  layout={value}
-  iconSize={0}
-  iconType={value}
-  margin={value}
-  onClick={handleClick}
-  onMouseEnter={handleMouseEnter}
-  onMouseLeave={handleMouseLeave}
-  formatter={() => {}}
-/>
-```
-
-## Component Props
-
-### content
-- **Type**: `React.ComponentType<any> | React.ReactElement`
-- **Required**: No
-- **Description**: No description available
-
-### payload
-- **Type**: `Array<{
-    value: string;
-    type?: string;
-    color?: string;
-    dataKey?: string;
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    payload?: any;
-  }>`
-- **Required**: No
-- **Description**: No description available
-
-### align
-- **Type**: `"left" | "center" | "right"`
-- **Required**: No
-- **Description**: No description available
-
-### verticalAlign
-- **Type**: `"top" | "middle" | "bottom"`
-- **Required**: No
-- **Description**: No description available
-
-### height
-- **Type**: `number`
-- **Required**: No
-- **Description**: No description available
-
-### width
-- **Type**: `number`
-- **Required**: No
-- **Description**: No description available
-
-### wrapperStyle
-- **Type**: `React.CSSProperties`
-- **Required**: No
-- **Description**: No description available
-
-### wrapperClassName
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### layout
-- **Type**: `"horizontal" | "vertical"`
-- **Required**: No
-- **Description**: No description available
-
-### iconSize
-- **Type**: `number`
-- **Required**: No
-- **Description**: No description available
-
-### iconType
-- **Type**: `| "line"
-    | "rect"
-    | "circle"
-    | "cross"
-    | "diamond"
-    | "square"
-    | "star"
-    | "triangle"
-    | "wye"`
-- **Required**: No
-- **Description**: No description available
-
-### margin
-- **Type**: `{ top?: number; right?: number; bottom?: number; left?: number }`
-- **Required**: No
-- **Description**: No description available
-
-### onClick
-- **Type**: `(data: any, index: number, event: React.MouseEvent) => void`
-- **Required**: No
-- **Description**: No description available
-
-### onMouseEnter
-- **Type**: `(data: any, index: number, event: React.MouseEvent) => void`
-- **Required**: No
-- **Description**: No description available
-
-### onMouseLeave
-- **Type**: `(data: any, index: number, event: React.MouseEvent) => void`
-- **Required**: No
-- **Description**: No description available
-
-### formatter
-- **Type**: `(value: any, entry: any, index: number) => React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-### Example 1
-```tsx
-// Basic legend
-<ChartLegend content={<ChartLegendContent />} />
-```
-### Example 2
-```tsx
-// Legend positioned at top
-<ChartLegend
-  content={<ChartLegendContent />}
-  verticalAlign="top"
-  height={36}
-/>
-```

package/llm-docs/chart-style.llm.md

@@ -1,28 +0,0 @@
-# ChartStyle
-
-**Type**: component
-
-Internal component that generates CSS custom properties for chart colors Creates CSS variables based on the chart configuration to enable theme-aware coloring. Generates variables for both light and dark themes when theme configurations are provided, or uses static colors when available.
-
-## JSX Usage
-
-```jsx
-import { ChartStyle } from '@neynar/ui';
-
-<ChartStyle
-  id={value}
-  config={value}
-/>
-```
-
-## Component Props
-
-### id
-- **Type**: `unknown`
-- **Required**: Yes
-- **Description**: No description available
-
-### config
-- **Type**: `unknown`
-- **Required**: Yes
-- **Description**: No description available

package/llm-docs/chart-tooltip-content.llm.md

@@ -1,149 +0,0 @@
-# ChartTooltipContent
-
-**Type**: component
-
-Custom tooltip content component for charts Provides a styled tooltip that displays chart data with proper formatting, colors, and labels from the chart configuration. Supports multiple indicator styles, custom formatters, and automatic theming integration.
-
-## JSX Usage
-
-```jsx
-import { ChartTooltipContent } from '@neynar/ui';
-
-<ChartTooltipContent
-  hideLabel={true}
-  hideIndicator={true}
-  indicator={value}
-  nameKey="value"
-  labelKey="value"
-  active={true}
-  payload={[]}
-  className="value"
-  label={value}
-  formatter={() => {}}
-  labelFormatter={[]}
-  labelClassName="value"
-  color="value"
-/>
-```
-
-## Component Props
-
-### hideLabel
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### hideIndicator
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### indicator
-- **Type**: `"line" | "dot" | "dashed"`
-- **Required**: No
-- **Description**: No description available
-
-### nameKey
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### labelKey
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### active
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### payload
-- **Type**: `any[]`
-- **Required**: No
-- **Description**: No description available
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### label
-- **Type**: `string | number`
-- **Required**: No
-- **Description**: No description available
-
-### formatter
-- **Type**: `(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value: any,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    name: any,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    props: any,
-  ) => [React.ReactNode, React.ReactNode] | React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-### labelFormatter
-- **Type**: `(label: any, payload: any[]) => React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-### labelClassName
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### color
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-### Example 1
-```tsx
-// Basic tooltip with default styling
-<ChartTooltip content={<ChartTooltipContent />} />
-```
-### Example 2
-```tsx
-// Tooltip with custom value formatter
-<ChartTooltip
-  content={
-    <ChartTooltipContent
-      formatter={(value, name) => [
-        `$${value.toLocaleString()}`,
-        name.toUpperCase()
-      ]}
-    />
-  }
-/>
-```
-### Example 3
-```tsx
-// Tooltip with line indicator and custom label
-<ChartTooltip
-  content={
-    <ChartTooltipContent
-      indicator="line"
-      labelFormatter={(label) => `Week of ${label}`}
-      hideLabel={false}
-    />
-  }
-/>
-```
-### Example 4
-```tsx
-// Tooltip with dashed indicator and no icons
-<ChartTooltip
-  content={
-    <ChartTooltipContent
-      indicator="dashed"
-      hideIndicator={false}
-      nameKey="category"
-    />
-  }
-/>
-```

package/llm-docs/chart-tooltip.llm.md

@@ -1,184 +0,0 @@
-# ChartTooltip
-
-**Type**: component
-
-Tooltip component for charts Re-export of Recharts Tooltip component with support for custom content. Use with ChartTooltipContent for consistent styling and theming integration.
-
-## JSX Usage
-
-```jsx
-import { ChartTooltip } from '@neynar/ui';
-
-<ChartTooltip
-  content={value}
-  active={true}
-  payload={[]}
-  label={value}
-  formatter={() => {}}
-  labelFormatter={[]}
-  cursor={value}
-  position={value}
-  offset={0}
-  shared={true}
-  portal={value}
-  wrapperStyle={value}
-  wrapperClassName="value"
-  animationDuration={0}
-  animationEasing="value"
-  allowEscapeViewBox={value}
-  separator="value"
-  useTranslate3d={true}
-  coordinate={value}
-  filterNull={true}
-  itemSorter={() => {}}
-  itemStyle={value}
-  labelStyle={value}
-  contentStyle={value}
-/>
-```
-
-## Component Props
-
-### content
-- **Type**: `React.ComponentType<any> | React.ReactElement`
-- **Required**: No
-- **Description**: No description available
-
-### active
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### payload
-- **Type**: `any[]`
-- **Required**: No
-- **Description**: No description available
-
-### label
-- **Type**: `string | number`
-- **Required**: No
-- **Description**: No description available
-
-### formatter
-- **Type**: `(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    value: any,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    name: any,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    props: any,
-  ) => [React.ReactNode, React.ReactNode] | React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-### labelFormatter
-- **Type**: `(label: any, payload: any[]) => React.ReactNode`
-- **Required**: No
-- **Description**: No description available
-
-### cursor
-- **Type**: `boolean | React.ComponentType<any> | React.ReactElement | object`
-- **Required**: No
-- **Description**: No description available
-
-### position
-- **Type**: `{ x?: number; y?: number }`
-- **Required**: No
-- **Description**: No description available
-
-### offset
-- **Type**: `number`
-- **Required**: No
-- **Description**: No description available
-
-### shared
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### portal
-- **Type**: `HTMLElement`
-- **Required**: No
-- **Description**: No description available
-
-### wrapperStyle
-- **Type**: `React.CSSProperties`
-- **Required**: No
-- **Description**: No description available
-
-### wrapperClassName
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### animationDuration
-- **Type**: `number`
-- **Required**: No
-- **Description**: No description available
-
-### animationEasing
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### allowEscapeViewBox
-- **Type**: `{ x?: boolean; y?: boolean }`
-- **Required**: No
-- **Description**: No description available
-
-### separator
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### useTranslate3d
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### coordinate
-- **Type**: `{ x?: number; y?: number }`
-- **Required**: No
-- **Description**: No description available
-
-### filterNull
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### itemSorter
-- **Type**: `(item: any) => number`
-- **Required**: No
-- **Description**: No description available
-
-### itemStyle
-- **Type**: `React.CSSProperties`
-- **Required**: No
-- **Description**: No description available
-
-### labelStyle
-- **Type**: `React.CSSProperties`
-- **Required**: No
-- **Description**: No description available
-
-### contentStyle
-- **Type**: `React.CSSProperties`
-- **Required**: No
-- **Description**: No description available
-
-## Examples
-
-### Example 1
-```tsx
-// Basic tooltip
-<ChartTooltip content={<ChartTooltipContent />} />
-```
-### Example 2
-```tsx
-// Tooltip with custom positioning
-<ChartTooltip
-  content={<ChartTooltipContent />}
-  cursor={false}
-  position={{ x: 10, y: 10 }}
-/>
-```

package/llm-docs/checkbox.llm.md

@@ -1,100 +0,0 @@
-# Checkbox
-
-**Type**: component
-
-A versatile checkbox component for binary and multi-selection interfaces Built on Radix UI Checkbox primitive, this component provides a fully accessible checkbox with support for controlled/uncontrolled states, indeterminate state, and comprehensive form integration. Features consistent styling with the design system and proper keyboard navigation. The component automatically renders a hidden input element when used within a form to ensure proper form submission and native validation support. Supports three states: checked (true), unchecked (false), and indeterminate for partial selections.
-
-## JSX Usage
-
-```jsx
-import { Checkbox } from '@neynar/ui';
-
-<Checkbox
-  className="value"
-  asChild={true}
-  checked={value}
-  defaultChecked={value}
-  onCheckedChange={handleCheckedChange}
-  disabled={true}
-  required={true}
-  name="value"
-  value="value"
-  id="value"
-  "aria-label"="value"
-  "aria-labelledby"="value"
-  "aria-describedby"="value"
-  "aria-invalid"={value}
-/>
-```
-
-## Component Props
-
-### className
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### asChild
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### checked
-- **Type**: `boolean | "indeterminate"`
-- **Required**: No
-- **Description**: No description available
-
-### defaultChecked
-- **Type**: `boolean | "indeterminate"`
-- **Required**: No
-- **Description**: No description available
-
-### onCheckedChange
-- **Type**: `(checked: boolean | "indeterminate") => void`
-- **Required**: No
-- **Description**: No description available
-
-### disabled
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### required
-- **Type**: `boolean`
-- **Required**: No
-- **Description**: No description available
-
-### name
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### value
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### id
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### "aria-label"
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### "aria-labelledby"
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### "aria-describedby"
-- **Type**: `string`
-- **Required**: No
-- **Description**: No description available
-
-### "aria-invalid"
-- **Type**: `boolean | "false" | "true" | "grammar" | "spelling"`
-- **Required**: No
-- **Description**: No description available

package/llm-docs/cn.llm.md

@@ -1,46 +0,0 @@
-# cn
-
-**Type**: function
-
-cn - Combines class names with Tailwind CSS conflict resolution This utility function combines multiple class names into a single string, automatically resolving Tailwind CSS class conflicts. It uses clsx for conditional class handling and tailwind-merge to ensure later classes override earlier ones when they conflict.
-
-## API Surface
-
-```typescript
-import { cn } from '@neynar/ui';
-
-export function cn(inputs: ClassValue[]): void { ... }
-```
-
-## Parameters
-
-### inputs
-- **Type**: `ClassValue[]`
-- **Required**: Yes
-- **Description**: Class names to combine. Can be strings, objects, arrays,
-## Returns
-
-- **Description**: A single string of combined and merged class names
-## Examples
-
-### Example 1
-```tsx
-// Basic usage
-cn("px-2 py-1", "bg-blue-500", "text-white")
-// Returns: "px-2 py-1 bg-blue-500 text-white"
-```
-### Example 2
-```tsx
-// With conditional classes
-cn(
-  "base-class",
-  isActive && "active-class",
-  isDisabled && "disabled-class"
-)
-```
-### Example 3
-```tsx
-// Overriding Tailwind classes
-cn("px-4", "px-2") // Returns: "px-2" (later class wins)
-cn("text-red-500", "text-blue-500") // Returns: "text-blue-500"
-```