### Install Snippet Component

Source: https://shadcn-svelte-extras.com/components/snippet/llms.txt

Installs the `ui/snippet` component using the `jsrepo` command-line tool, making it available for use in a project.

```bash
jsrepo add ui/snippet
```

--------------------------------

### Install Link Component

Source: https://shadcn-svelte-extras.com/components/link/llms.txt

Installs the 'ui/link' component into a JavaScript repository using the 'jsrepo' command-line utility.

```bash
jsrepo add ui/link
```

--------------------------------

### Install Code Component

Source: https://shadcn-svelte-extras.com/components/code/llms.txt

Installs the `ui/code` component using the `jsrepo` command-line tool, making it available for use in your project.

```bash
jsrepo add ui/code
```

--------------------------------

### Install FileDropZone Component

Source: https://shadcn-svelte-extras.com/components/file-drop-zone/llms.txt

Installs the FileDropZone UI component using the jsrepo package manager.

```bash
jsrepo add ui/file-drop-zone
```

--------------------------------

### Install Window Component

Source: https://shadcn-svelte-extras.com/components/window/llms.txt

Installs the Window UI component using the `jsrepo` command-line tool. This command adds the `ui/window` package to your project's repository.

```bash
jsrepo add ui/window
```

--------------------------------

### Install CopyButton UI Component

Source: https://shadcn-svelte-extras.com/components/copy-button/llms.txt

Installs the `CopyButton` UI component into your project using the `jsrepo add` command, making it available for use.

```bash
jsrepo add ui/copy-button
```

--------------------------------

### Install ImageCropper UI Component

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

Installs the `ui/image-cropper` component using the `jsrepo` command-line tool, adding it to the project's dependencies.

```bash
jsrepo add ui/image-cropper
```

--------------------------------

### Install IPv4 Address Input Component

Source: https://shadcn-svelte-extras.com/components/ipv4address-input/llms.txt

Installs the `ui/ipv4address-input` component into a JavaScript repository using the `jsrepo add` command.

```bash
jsrepo add ui/ipv4address-input
```

--------------------------------

### Install EmojiPicker UI Component

Source: https://shadcn-svelte-extras.com/components/emoji-picker/llms.txt

Installs the EmojiPicker UI component using the `jsrepo add` command, making it available for use in your project.

```bash
jsrepo add ui/emoji-picker
```

--------------------------------

### Install PhoneInput Component

Source: https://shadcn-svelte-extras.com/components/phone-input/llms.txt

Instructions to add the PhoneInput UI component to a JavaScript repository using the `jsrepo` command-line utility.

```bash
jsrepo add ui/phone-input
```

--------------------------------

### Install Kbd Component using jsrepo

Source: https://shadcn-svelte-extras.com/components/kbd/llms.txt

Installs the Kbd UI component into a JavaScript repository using the `jsrepo add` command. This command adds the necessary files and configurations for the Kbd component to be used in your project.

```bash
jsrepo add ui/kbd
```

--------------------------------

### Install LightSwitch UI Component

Source: https://shadcn-svelte-extras.com/components/light-switch/llms.txt

Provides the command-line instruction to add the LightSwitch UI component to a JavaScript repository using the `jsrepo` utility.

```bash
jsrepo add ui/light-switch
```

--------------------------------

### Install Button UI Component

Source: https://shadcn-svelte-extras.com/components/button/llms.txt

Provides instructions on how to add the Button UI component to a JavaScript repository using the `jsrepo` command-line tool.

```bash
jsrepo add ui/button
```

--------------------------------

### Install ThemeSelector Component

Source: https://shadcn-svelte-extras.com/components/theme-selector/llms.txt

Installs the ThemeSelector component into your project using the `jsrepo` command-line utility. This command adds the necessary files for the UI component.

```bash
jsrepo add ui/theme-selector
```

--------------------------------

### Install Terminal UI Component

Source: https://shadcn-svelte-extras.com/components/terminal/llms.txt

Installs the Terminal UI component into your project using the `jsrepo` command-line tool, adding it to the `ui/terminal` path.

```bash
jsrepo add ui/terminal
```

--------------------------------

### Install PmCommand UI Component

Source: https://shadcn-svelte-extras.com/components/pm-command/llms.txt

Instructions for adding the PmCommand UI component to a project using the `jsrepo add` command, typically for Svelte projects.

```bash
jsrepo add ui/pm-command
```

--------------------------------

### Install Password UI Component

Source: https://shadcn-svelte-extras.com/components/password/llms.txt

Installs the password UI component using the jsrepo package manager, adding it to the project's user interface dependencies.

```bash
jsrepo add ui/password
```

--------------------------------

### Install Chat UI Components

Source: https://shadcn-svelte-extras.com/components/chat/llms.txt

This command adds the chat UI components to your project using the jsrepo package manager. It's a standard way to include pre-built UI elements.

```bash
jsrepo add ui/chat
```

--------------------------------

### Install FieldSet UI Component

Source: https://shadcn-svelte-extras.com/components/field-set/llms.txt

Provides the command-line instruction to add the `ui/field-set` component to a JavaScript repository using the `jsrepo` tool.

```bash
jsrepo add ui/field-set
```

--------------------------------

### Install NlpDateInput Component

Source: https://shadcn-svelte-extras.com/components/nlp-date-input/llms.txt

This snippet demonstrates how to install the NlpDateInput UI component into a JavaScript repository using the `jsrepo add` command. This command adds the component to your project's UI dependencies.

```bash
jsrepo add ui/nlp-date-input
```

--------------------------------

### Install LanguageSwitcher Component

Source: https://shadcn-svelte-extras.com/components/language-switcher/llms.txt

Instructions to add the LanguageSwitcher component to your project using the jsrepo command-line tool.

```bash
jsrepo add ui/language-switcher
```

--------------------------------

### Install Toc Component using jsrepo

Source: https://shadcn-svelte-extras.com/components/toc/llms.txt

Instructions to add the Toc UI component to your project using the jsrepo command-line tool. This command fetches and integrates the component into your repository.

```bash
jsrepo add ui/toc
```

--------------------------------

### Install AvatarGroup UI Component

Source: https://shadcn-svelte-extras.com/components/avatar-group/llms.txt

Installs the AvatarGroup UI component into a JavaScript repository using the `jsrepo` command-line tool. This command adds the necessary UI package to your project.

```bash
jsrepo add ui/avatar-group
```

--------------------------------

### Install TagsInput Component

Source: https://shadcn-svelte-extras.com/components/tags-input/llms.txt

Provides the command-line instruction to add the TagsInput UI component to a JavaScript repository using the 'jsrepo' utility. This command integrates the component into your project's UI library.

```bash
jsrepo add ui/tags-input
```

--------------------------------

### Install Modal UI Component using jsrepo

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

This snippet demonstrates how to add the Modal UI component to your project using the jsrepo command-line tool. This command fetches and integrates the necessary files for the modal.

```bash
jsrepo add ui/modal
```

--------------------------------

### Install StarRating UI Component with jsrepo

Source: https://shadcn-svelte-extras.com/components/star-rating/llms.txt

Provides the command-line instruction to add the `ui/star-rating` component to a project using the `jsrepo` package manager, facilitating quick integration of the StarRating UI.

```bash
jsrepo add ui/star-rating
```

--------------------------------

### Install TreeView Component using jsrepo

Source: https://shadcn-svelte-extras.com/components/tree-view/llms.txt

Provides the command-line instruction to add the TreeView UI component to a JavaScript repository using the `jsrepo add` utility. This command integrates the component into your project's UI library.

```bash
jsrepo add ui/tree-view
```

--------------------------------

### TypingAnimation Component API Documentation

Source: https://shadcn-svelte-extras.com/components/terminal/llms.txt

API documentation for the TypingAnimation component, designed to animate its children with a typewriter effect. It includes properties for the content, styling, and animation start delay.

```APIDOC
TypingAnimation Component:
  children: Snippet (optional) - The content to animate.
  class: string (optional) - Additional classes to apply.
  delay: number (optional) - Delay before starting the animation (ms).
```

--------------------------------

### AnimatedSpan Component API Documentation

Source: https://shadcn-svelte-extras.com/components/terminal/llms.txt

API documentation for the AnimatedSpan component, which applies a fly-in animation effect to its children. It provides properties for content, styling, and animation start delay.

```APIDOC
AnimatedSpan Component:
  children: Snippet (optional) - The content to animate.
  class: string (optional) - Additional classes to apply.
  delay: number (optional) - Delay before starting the animation (ms).
```

--------------------------------

### Kbd Component API Reference

Source: https://shadcn-svelte-extras.com/components/kbd/llms.txt

Documents the properties available for the Kbd root keyboard key component. Each property includes its type, default value, whether it's required, if it's bindable, and a brief description of its purpose.

```APIDOC
Kbd Component:
  Props:
    ref: HTMLElement (default: null, required: false, bindable: true)
      Description: A reference to the kbd element.
    children: Snippet (default: -, required: false, bindable: false)
      Description: The content of the keyboard key.
    class: string (default: -, required: false, bindable: false)
      Description: Additional classes to apply to the kbd element.
    size: "sm" | "default" | "lg" (default: "default", required: false, bindable: false)
      Description: The size of the keyboard key.
    variant: "outline" | "secondary" | "primary" (default: "outline", required: false, bindable: false)
      Description: The visual style of the keyboard key.
```

--------------------------------

### Loading Component API Documentation

Source: https://shadcn-svelte-extras.com/components/terminal/llms.txt

API documentation for the Loading component, which displays a customizable loading animation. It requires messages for both loading and completion states, and allows configuration of duration, delay, and styling.

```APIDOC
Loading Component:
  loadingMessage: Snippet (required) - Message to display while loading.
  completeMessage: Snippet (required) - Message to display when loading is complete.
  duration: number (optional) - How long the loading animation runs (ms).
  delay: number (optional) - Delay before starting the animation (ms).
  class: string (optional) - Additional classes to apply.
```

--------------------------------

### PmCommand Component API Reference

Source: https://shadcn-svelte-extras.com/components/pm-command/llms.txt

API documentation for the PmCommand Svelte component, outlining its purpose and the various props available for customization, including their types, default values, and descriptions.

```APIDOC
Component: PmCommand
Description: The root component for displaying a package manager command with agent tabs and copy functionality.

Props:
  - variant:
      Type: "default" | "secondary"
      Default: "secondary"
      Required: false
      Bindable: false
      Description: The visual style of the command block.
  - class:
      Type: string
      Default: N/A
      Required: false
      Bindable: false
      Description: Additional classes to apply to the root element.
  - agents:
      Type: Agent[]
      Default: ['npm', 'pnpm', 'yarn', 'bun']
      Required: false
      Bindable: false
      Description: List of available agents (package managers) to choose from.
  - agent:
      Type: Agent
      Default: npm
      Required: false
      Bindable: true
      Description: The selected agent (package manager).
  - command:
      Type: Command
      Default: N/A
      Required: true
      Bindable: false
      Description: The command to display.
  - args:
      Type: string[]
      Default: N/A
      Required: true
      Bindable: false
      Description: Arguments for the command.
```

--------------------------------

### Window Root Component Props Reference

Source: https://shadcn-svelte-extras.com/components/window/llms.txt

Details the properties available for the `Root` window component. The `children` prop defines the content displayed within the window.

```APIDOC
Root Component Props:
  children:
    Type: Snippet
    Default Value: -
    Required: false
    Bindable: false
    Description: The content of the window.
```

--------------------------------

### ImageCropper Preview Component API

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

API documentation for the `Preview` component, used to display a preview of the cropped image, with an optional render function for custom content.

```APIDOC
Preview:
  Description: Displays a preview of the cropped image.
  Props:
    child:
      Type: "Snippet<[{ src: string }]>"
      Default Value: "-"
      Required: false
      Bindable: false
      Description: A render function for custom preview content.
```

--------------------------------

### Ipv4addressInput Component Props API

Source: https://shadcn-svelte-extras.com/components/ipv4address-input/llms.txt

API documentation for the `Ipv4addressInput` component, detailing its configurable properties, their types, default values, and descriptions.

```APIDOC
Ipv4addressInput Component:
  Props:
    separator:
      Type: string
      Default Value: "."
      Required: false
      Bindable: false
      Description: The separator character between octets.
    placeholder:
      Type: string
      Default Value: "-"
      Required: false
      Bindable: false
      Description: An IP address placeholder (e.g., 0.0.0.0, 0_0_0_0, or 0 0 0 0).
    value:
      Type: string
      Default Value: "null"
      Required: false
      Bindable: true
      Description: The current value of the IPv4 address input.
    class:
      Type: string
      Default Value: "-"
      Required: false
      Bindable: false
      Description: Additional classes to apply to the root element.
    name:
      Type: string
      Default Value: "-"
      Required: false
      Bindable: false
      Description: The name attribute for the hidden input.
    valid:
      Type: boolean
      Default Value: "false"
      Required: false
      Bindable: true
      Description: Whether the current value is a valid IPv4 address.
```

--------------------------------

### Password Component API Reference

Source: https://shadcn-svelte-extras.com/components/password/llms.txt

Detailed API documentation for the password component suite, including descriptions and properties for its Root, Input, ToggleVisibility, Copy, and Strength sub-components.

```APIDOC
Root Component:
  Description: The root container for the password input suite.
  Props:
    ref (HTMLDivElement, default: null, required: false, bindable: true): A reference to the root div element.
    hidden (boolean, default: true, required: false, bindable: true): Whether the password is hidden (masked).
    minScore (0 | 1 | 2 | 3 | 4, default: 3, required: false, bindable: false): The minimum acceptable score for a password (0-4).
    children (Snippet, default: -, required: false, bindable: false): Slot content for the password root (e.g., input, strength meter, etc).

Input Component:
  Description: The password input field.
  Props:
    ref (HTMLInputElement, default: null, required: false, bindable: true): A reference to the input element.
    value (string, default: -, required: false, bindable: true): The value of the password input.
    children (Snippet, default: -, required: false, bindable: false): Slot content for the input (e.g., icons, buttons).

ToggleVisibility Component:
  Description: A button to toggle password visibility.
  Props: (None listed)

Copy Component:
  Description: A button to copy the password value to the clipboard.
  Props: (None listed)

Strength Component:
  Description: A meter that visually indicates password strength.
  Props:
    strength (ZxcvbnResult, default: -, required: false, bindable: true): The zxcvbn result object for password strength.
```

--------------------------------

### CopyButton Component API Reference

Source: https://shadcn-svelte-extras.com/components/copy-button/llms.txt

Detailed API documentation for the `CopyButton` component, outlining its purpose and all available properties (props) with their types, default values, and descriptions for customization.

```APIDOC
Component: CopyButton
Description: A button that copies text to the clipboard and shows feedback.

Props:
- ref (HTMLButtonElement, default: null, required: false, bindable: true): A reference to the underlying button element.
- children (Snippet, default: -, required: false, bindable: false): Slot content for the copy button (e.g., custom label or icon).
- text (string, default: -, required: true, bindable: false): The text to copy to the clipboard.
- icon (Snippet, default: -, required: false, bindable: false): Custom icon to display in the button.
- animationDuration (number, default: -, required: false, bindable: false): Duration of the copy animation in ms.
- variant ("default" | "destructive" | "outline" | "secondary" | "ghost" | "link", default: ghost, required: false, bindable: false): The visual style of the button.
- size ("default" | "sm" | "lg" | "icon", default: icon, required: false, bindable: false): The size of the button.
- onCopy ((status: "success" | "failure") => void, default: -, required: false, bindable: false): Callback when copy is triggered. Receives status: "success" | "failure".
```

--------------------------------

### FileDropZone Component API Reference

Source: https://shadcn-svelte-extras.com/components/file-drop-zone/llms.txt

API documentation for the FileDropZone Svelte component, detailing its available props, their types, default values, and descriptions.

```APIDOC
FileDropZone Component:
  Description: The root file drop zone component.
  Props:
    ref:
      Type: HTMLInputElement
      Default Value: null
      Required: false
      Bindable: true
      Description: A reference to the input element.
    children:
      Type: Snippet
      Default Value: -
      Required: false
      Bindable: false
      Description: The content to render inside the drop zone. If not provided, a default UI is shown.
    onUpload:
      Type: (files: File[]) => Promise<void>
      Default Value: -
      Required: true
      Bindable: false
      Description: Called with the uploaded files when the user drops or selects files.
    maxFiles:
      Type: number
      Default Value: -
      Required: false
      Bindable: false
      Description: The maximum number of files allowed to be uploaded.
    fileCount:
      Type: number
      Default Value: -
      Required: false
      Bindable: false
      Description: The current number of files uploaded. Required if using maxFiles.
    maxFileSize:
      Type: number
      Default Value: -
      Required: false
      Bindable: false
      Description: The maximum size of a file in bytes.
    onFileRejected:
      Type: (opts: { reason: FileRejectedReason; file: File }) => void
      Default Value: -
      Required: false
      Bindable: false
      Description: Called when a file does not meet the upload criteria (size, or type).
    accept:
      Type: string
      Default Value: -
      Required: false
      Bindable: false
      Description: A comma separated list of one or more file types to accept. [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept)  Example: ".doc,.docx,application/msword" Common: "audio/*", "image/*", "video/*"
```

--------------------------------

### Link Component Props API Documentation

Source: https://shadcn-svelte-extras.com/components/link/llms.txt

API documentation for the 'Link' component's properties. This section outlines the available props, their types, default values, and descriptions.

```APIDOC
Link Component:
  Description: A styled anchor element.
  Props:
    | Prop | Type | Default Value | Required | Bindable | Description |
    |------|------|---------------|----------|----------|-------------|
```

--------------------------------

### ImageCropper Dialog Component API

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

API documentation for the `Dialog` component, which acts as a wrapper for the image cropper, forwarding props and behavior to the shadcn-svelte Dialog component.

```APIDOC
Dialog:
  Description: Dialog wrapper for the image cropper. Forwards all props and behavior to the shadcn-svelte Dialog component.
  Props: (All props and behavior are forwarded to shadcn-svelte Dialog component)
```

--------------------------------

### Root Code Block Component API

Source: https://shadcn-svelte-extras.com/components/code/llms.txt

Defines the properties (props) for the root code block component, which is responsible for syntax highlighting and displaying code snippets.

```APIDOC
Root Component Props:
  ref:
    Type: HTMLDivElement
    Default: null
    Required: false
    Bindable: true
    Description: A reference to the code block element.
  children:
    Type: Snippet
    Default: -
    Required: false
    Bindable: false
    Description: The content rendered below the code block.
  variant:
    Type: "default" | "secondary"
    Default: default
    Required: false
    Bindable: false
    Description: The visual style of the code block.
  lang:
    Type: "bash" | "diff" | "javascript" | "json" | "svelte" | "typescript"
    Default: typescript
    Required: false
    Bindable: false
    Description: The language for syntax highlighting.
  code:
    Type: string
    Default: -
    Required: true
    Bindable: false
    Description: The code to display and highlight.
  class:
    Type: string
    Default: -
    Required: false
    Bindable: false
    Description: Additional classes to apply to the code block.
  hideLines:
    Type: boolean
    Default: false
    Required: false
    Bindable: false
    Description: Whether to hide line numbers.
  highlight:
    Type: number | [number, number][]
    Default: []
    Required: false
    Bindable: false
    Description: Lines or ranges to highlight, e.g. [2, [4,6]].
```

--------------------------------

### Terminal Root Component API Documentation

Source: https://shadcn-svelte-extras.com/components/terminal/llms.txt

API documentation for the root Terminal component, which manages animation timing and its child components. It defines properties for content, styling, animation delays, speed, and completion callbacks.

```APIDOC
Root Component:
  children: Snippet (optional) - The content of the terminal window.
  class: string (optional) - Additional classes to apply to the terminal window.
  delay: number (optional) - Delay before starting all animations (ms).
  speed: number (optional) - Speed multiplier for all animations.
  onComplete: () => void (optional) - Callback when all animations complete.
```

--------------------------------

### PhoneInput Component Props Reference

Source: https://shadcn-svelte-extras.com/components/phone-input/llms.txt

Detailed API documentation for the PhoneInput component's properties, including their types, default values, required status, bindability, and descriptions.

```APIDOC
PhoneInput Component:
  Props:
    country:
      Type: CountryCode
      Default Value: null
      Required: false
      Bindable: true
      Description: The selected country code.
    defaultCountry:
      Type: CountryCode
      Default Value: null
      Required: false
      Bindable: false
      Description: The default country code.
    name:
      Type: string
      Default Value: -
      Required: false
      Bindable: false
      Description: The name attribute for the input.
    placeholder:
      Type: string
      Default Value: -
      Required: false
      Bindable: true
      Description: The placeholder for the input.
    disabled:
      Type: boolean
      Default Value: false
      Required: false
      Bindable: true
      Description: Whether the input is disabled.
    readonly:
      Type: boolean
      Default Value: false
      Required: false
      Bindable: true
      Description: Whether the input is readonly.
    class:
      Type: string
      Default Value: -
      Required: false
      Bindable: false
      Description: Custom class for the input.
    value:
      Type: E164Number
      Default Value: null
      Required: false
      Bindable: true
      Description: The phone number value (E.164 format).
    valid:
      Type: boolean
      Default Value: false
      Required: false
      Bindable: true
      Description: Whether the current value is valid.
    detailedValue:
      Type: Partial<DetailedValue>
      Default Value: null
      Required: false
      Bindable: true
      Description: Detailed value object for the phone input.
    options:
      Type: TelInputOptions
      Default Value: defaultOptions
      Required: false
      Bindable: false
      Description: Options for the phone input.
    order:
      Type: (a: Country, b: Country) => number
      Default Value: -
      Required: false
      Bindable: false
      Description: Custom sort function for countries.
```

--------------------------------

### API Documentation for Modal Root Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the root component of the modal. This section outlines the properties available for configuring the main modal container.

```APIDOC
Root Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### ImageCropper Root Component API

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

API documentation for the `Root` component of the ImageCropper, which manages image upload, cropping, and state. It defines props for source URL, cropping callbacks, and content.

```APIDOC
Root:
  Description: The root component for the image cropper. Handles image upload, cropping, and state management.
  Props:
    src:
      Type: string
      Default Value: "-"
      Required: false
      Bindable: true
      Description: The image source URL. Bind this to get the cropped image.
    onCropped:
      Type: "(url: string) => void"
      Default Value: "-"
      Required: false
      Bindable: false
      Description: Callback fired when cropping is complete. Receives the cropped image URL.
    onUnsupportedFile:
      Type: "(file: File) => void"
      Default Value: "-"
      Required: false
      Bindable: false
      Description: Callback fired when an unsupported file is uploaded. Receives the File object.
    children:
      Type: Snippet
      Default Value: "-"
      Required: false
      Bindable: false
      Description: The content of the image cropper.
```

--------------------------------

### LightSwitch Component Props API Reference

Source: https://shadcn-svelte-extras.com/components/light-switch/llms.txt

Details the configurable properties of the `LightSwitch` component, including their types, default values, and descriptions. This section outlines how to customize the component's appearance and behavior.

```APIDOC
LightSwitch Component:
  Props:
    - name: variant
      type: "string" ("outline" | "ghost")
      default: "ghost"
      required: false
      bindable: false
      description: The visual style of the light switch.
```

--------------------------------

### FieldSet Root Component API Reference

Source: https://shadcn-svelte-extras.com/components/field-set/llms.txt

Details the properties of the primary FieldSet component, including `ref` for element access, `children` for content, and `variant` for visual styling.

```APIDOC
Root Component:
  Props:
    ref: HTMLDivElement (default: null, required: false, bindable: true)
      Description: A reference to the field set root element.
    children: Snippet (default: -, required: false, bindable: false)
      Description: The content of the field set.
    variant: "default" | "destructive" (default: "default", required: false, bindable: false)
      Description: The visual style of the field set.
```

--------------------------------

### ImageCropper Controls Component API

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

API documentation for the `Controls` component, which serves as a container for cropper controls, providing a reference prop and content slot.

```APIDOC
Controls:
  Description: Container for cropper controls.
  Props:
    ref:
      Type: HTMLDivElement
      Default Value: null
      Required: false
      Bindable: true
      Description: A reference to the controls container.
    children:
      Type: Snippet
      Default Value: "-"
      Required: false
      Bindable: false
      Description: The content of the controls.
```

--------------------------------

### Toc Component API Reference

Source: https://shadcn-svelte-extras.com/components/toc/llms.txt

Detailed API documentation for the Toc root component, outlining its purpose and available properties. It describes the 'toc' data structure, styling options, and child component indication.

```APIDOC
Toc Component:
  Description: The root component for rendering a table of contents.

  Props:
    toc:
      Type: Heading[]
      Definition: type Heading = {
        index: number;
        ref: Element;
        kind: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
        id?: string;
        level: number;
        label: string;
        active: boolean;
        children: Heading[];
      }
      Default Value: -
      Required: true
      Bindable: false
      Description: The table of contents data, an array of Heading objects. (Comes from UseToc)
    class:
      Type: string
      Default Value: -
      Required: false
      Bindable: false
      Description: Additional classes to apply to the root element.
    isChild:
      Type: boolean
      Default Value: false
      Required: false
      Bindable: false
      Description: Indicates whether this is a child component or root component.
```

--------------------------------

### StarRating.Root Component API Reference

Source: https://shadcn-svelte-extras.com/components/star-rating/llms.txt

Details the `Root` component of the Star Rating system, which serves as the primary container. It forwards all standard HTML props and behaviors directly to `bits-ui RatingGroup.Root`, simplifying its usage.

```APIDOC
StarRating.Root:
  Description: The root component for the Star Rating. Forwards all props and behavior to bits-ui RatingGroup.Root.
  Props: (Inherits all props from bits-ui RatingGroup.Root)
```

--------------------------------

### LanguageSwitcher Component API Reference

Source: https://shadcn-svelte-extras.com/components/language-switcher/llms.txt

Defines the properties (props) available for the LanguageSwitcher component, including their types, default values, and descriptions for customization.

```APIDOC
LanguageSwitcher Component:
  Props:
    languages:
      Type: Language[]
      Required: true
      Description: List of available languages. Each language should have a code and label.
    value:
      Type: string
      Default: ''
      Bindable: true
      Description: Current selected language code.
    align:
      Type: "start" | "center" | "end"
      Default: "end"
      Description: Dropdown alignment.
    variant:
      Type: "outline" | "ghost"
      Default: "outline"
      Description: Button variant.
    onChange:
      Type: (code: string) => void
      Description: Called when the language changes.
    class:
      Type: string
      Description: Additional classes to apply to the root element.
```

--------------------------------

### ImageCropper Cropper Component API

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

API documentation for the `Cropper` component, representing the area for selecting the crop region. It forwards props and behavior to svelte-easy-crop.

```APIDOC
Cropper:
  Description: The cropper area for selecting the crop region. Forwards all props and behavior to svelte-easy-crop.
  Props: (All props and behavior are forwarded to svelte-easy-crop)
```

--------------------------------

### Snippet Component API Reference

Source: https://shadcn-svelte-extras.com/components/snippet/llms.txt

Documents the `Snippet` Svelte component, which serves as the root component for displaying code snippets with copy functionality. It details the available props, their types, default values, and descriptions.

```APIDOC
Snippet:
  The root component for displaying a code snippet with copy functionality.
  Props:
    variant: "default" | "secondary" | "destructive" | "primary" (default: "default")
      Description: The visual style of the snippet.
    text: string | string[]
      Description: The code or lines of code to display.
    class: string
      Description: Additional classes to apply to the root element.
    onCopy: (status: "success" | "failure") => void
      Description: Function called after the snippet is copied.
```

--------------------------------

### APIDOC: Chat List Component

Source: https://shadcn-svelte-extras.com/components/chat/llms.txt

API documentation for the 'List' component, which serves as the root container for chat messages. It defines props for referencing the element and its content.

```APIDOC
Component: List
Description: The root container for chat messages.
Props:
  - ref: HTMLDivElement (Default: null, Required: false, Bindable: true)
    Description: A reference to the chat list element.
  - children: Snippet (Default: -, Required: false, Bindable: false)
    Description: The content of the chat list.
```

--------------------------------

### APIDOC: Chat Bubble Component

Source: https://shadcn-svelte-extras.com/components/chat/llms.txt

API documentation for the 'Bubble' component, representing a single chat bubble. It includes props for element reference, content, and message variant (sent/received).

```APIDOC
Component: Bubble
Description: A chat bubble.
Props:
  - ref: HTMLDivElement (Default: null, Required: false, Bindable: true)
    Description: A reference to the chat bubble element.
  - children: Snippet (Default: -, Required: false, Bindable: false)
    Description: The content of the chat bubble.
  - variant: "sent" | "received" (Default: -, Required: true, Bindable: false)
    Description: The variant of the chat bubble, indicating if the message was sent or received.
```

--------------------------------

### Loop Component API Documentation

Source: https://shadcn-svelte-extras.com/components/terminal/llms.txt

API documentation for the Loop component, which continuously repeats its children, ideal for ongoing terminal animations. It includes properties for the content to loop and the delay between repetitions.

```APIDOC
Loop Component:
  children: Snippet (optional) - The content to loop.
  delay: number (optional) - Delay between loops (ms).
```

--------------------------------

### ImageCropper UploadTrigger Component API

Source: https://shadcn-svelte-extras.com/components/image-cropper/llms.txt

API documentation for the `UploadTrigger` component, which acts as the trigger for uploading an image, providing a reference prop and content slot.

```APIDOC
UploadTrigger:
  Description: The trigger for uploading an image.
  Props:
    ref:
      Type: HTMLLabelElement
      Default Value: null
      Required: false
      Bindable: true
      Description: A reference to the upload trigger label.
    children:
      Type: Snippet
      Default Value: "-"
      Required: false
      Bindable: false
      Description: The content of the upload trigger.
```

--------------------------------

### Button Component Properties Reference

Source: https://shadcn-svelte-extras.com/components/button/llms.txt

Defines the available properties (props) for the Button component, including their types, default values, whether they are required or bindable, and a description of their purpose.

```APIDOC
Button Component:
  Props:
    ref:
      Type: HTMLButtonElement | HTMLAnchorElement
      Default Value: null
      Required: false
      Bindable: true
      Description: A reference to the button element.
    children:
      Type: Snippet
      Default Value: -
      Required: false
      Bindable: false
      Description: The content of the button.
    variant:
      Type: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
      Default Value: default
      Required: false
      Bindable: false
      Description: The visual style of the button.
    size:
      Type: "default" | "sm" | "lg" | "icon"
      Default Value: default
      Required: false
      Bindable: false
      Description: The size of the button.
    loading:
      Type: boolean
      Default Value: -
      Required: false
      Bindable: false
      Description: Whether the button is in a loading state.
    onClickPromise:
      Type: (e: MouseEvent) => Promise<void>
      Default Value: -
      Required: false
      Bindable: false
      Description: A function to await while showing a loading state when the button is clicked.
```

--------------------------------

### CopyButton Component API

Source: https://shadcn-svelte-extras.com/components/code/llms.txt

Defines the properties (props) for the `CopyButton` component, which provides functionality to copy the content of a code block.

```APIDOC
CopyButton Component Props:
  ref:
    Type: HTMLButtonElement
    Default: null
    Required: false
    Bindable: true
    Description: A reference to the copy button element.
  variant:
    Type: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link"
    Default: ghost
    Required: false
    Bindable: false
    Description: The visual style of the button.
  size:
    Type: "default" | "sm" | "lg" | "icon"
    Default: icon
    Required: false
    Bindable: false
    Description: The size of the button.
  icon:
    Type: Snippet
    Default: -
    Required: false
    Bindable: false
    Description: Custom icon to display in the button.
  animationDuration:
    Type: number
    Default: -
    Required: false
    Bindable: false
    Description: Duration of the copy animation in ms.
  onCopy:
    Type: (status: UseClipboard["status"]) => void
    Default: -
    Required: false
    Bindable: false
    Description: Callback when copy is triggered.
  children:
    Type: Snippet
    Default: -
    Required: false
    Bindable: false
    Description: Slot content for the copy button (e.g., custom label or icon).
```

--------------------------------

### API Documentation for Modal Description Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the description element of the modal. This section outlines the properties for configuring the secondary text that provides more detail about the modal's purpose.

```APIDOC
Description Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### APIDOC: Chat BubbleAvatar Component

Source: https://shadcn-svelte-extras.com/components/chat/llms.txt

API documentation for the 'BubbleAvatar' component, which displays an avatar next to a chat bubble. This component inherits all properties from the base Avatar.Root component.

```APIDOC
Component: BubbleAvatar
Description: The avatar shown next to a chat bubble, inherits all Avatar.Root props.
Props: (Inherits all Avatar.Root props)
```

--------------------------------

### NlpDateInput Component API Reference

Source: https://shadcn-svelte-extras.com/components/nlp-date-input/llms.txt

This section details the NlpDateInput component, which serves as the primary interface for natural language date input. It lists all available properties (props), their types, default values, and descriptions, enabling developers to configure its behavior.

```APIDOC
NlpDateInput Component:
  Description: The root component for the NLP Date Input. Allows users to enter dates in natural language and get suggestions.
  Props:
    min: date (Optional) - The minimum date allowed for suggestions.
    max: date (Optional) - The maximum date allowed for suggestions.
    placeholder: string (Optional, Default: "E.g. \"tomorrow at 5pm\" or \"in 2 hours\"") - The placeholder text for the input.
    onChoice: (opts: { label: string; date: Date }) => void (Optional) - Callback fired when a suggestion is selected.
```

--------------------------------

### API Documentation for Modal Content Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the content area of the modal. This section describes the properties available for configuring the main body where the modal's content resides.

```APIDOC
Content Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### TreeView.File Component API Reference

Source: https://shadcn-svelte-extras.com/components/tree-view/llms.txt

Outlines the API for the `TreeView.File` component, which represents an individual file node in the tree view. This component is typically rendered as a clickable button.

```APIDOC
TreeView.File:
  Description: A file node in the tree view. Renders as a button.
  Props:
    name: string (Required: true, Description: The name of the file.)
    icon: Snippet<[{ name: string }]> (Required: false, Description: Custom icon render function for the file. Receives { name }.)
    children: Snippet (Required: false, Description: The content of the file (usually TreeView.File or TreeView.Folder).)
```

--------------------------------

### ThemeSelector Component API Reference

Source: https://shadcn-svelte-extras.com/components/theme-selector/llms.txt

Defines the root ThemeSelector component and its configurable properties (props). This section details each prop's type, default value, and purpose.

```APIDOC
ThemeSelector Component:
  Description: The root theme selector component.
  Props:
    variant:
      Type: "outline" | "ghost"
      Default Value: "ghost"
      Required: false
      Bindable: false
      Description: The visual style of the theme selector.
```

--------------------------------

### API Documentation for Modal Trigger Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the trigger element for the modal. This section details the properties that can be used to customize the element that opens the modal.

```APIDOC
Trigger Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### TagsInput Component API Reference

Source: https://shadcn-svelte-extras.com/components/tags-input/llms.txt

Details the configurable properties (props) for the TagsInput root component. This includes 'value' for managing the list of tags and 'validate' for custom validation logic, specifying their types, default values, and whether they are required or bindable.

```APIDOC
TagsInput Component Props:
  value:
    Type: string[]
    Default Value: []
    Required: false
    Bindable: true
    Description: The current list of tags.
  validate:
    Type: (val: string, tags: string[]) => string
    Default Value: defaultValidate
    Required: false
    Bindable: false
    Description: A function to validate and transform a tag before it is added. Return the transformed tag or undefined to reject.
```

--------------------------------

### TreeView.Root Component API Reference

Source: https://shadcn-svelte-extras.com/components/tree-view/llms.txt

Documents the API for the `TreeView.Root` component, which serves as the foundational container for the entire tree view structure. It is the top-level element for rendering a tree.

```APIDOC
TreeView.Root:
  Description: The root component of the tree view.
  Props: No specific props listed in the provided documentation.
```

--------------------------------

### FieldSet Content Component API Reference

Source: https://shadcn-svelte-extras.com/components/field-set/llms.txt

Outlines the properties for the FieldSet's content area, including `ref` for element access and `children` for its inner content.

```APIDOC
Content Component:
  Props:
    ref: HTMLDivElement (default: null, required: false, bindable: true)
      Description: A reference to the field set content element.
    children: Snippet (default: -, required: false, bindable: false)
      Description: The content of the field set content.
```

--------------------------------

### API Documentation for Modal Header Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the header section of the modal. This section describes the properties for configuring the top part of the modal, typically containing a title and close button.

```APIDOC
Header Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### FieldSet Footer Component API Reference

Source: https://shadcn-svelte-extras.com/components/field-set/llms.txt

Details the properties for the FieldSet's footer area, including `ref` for element access and `children` for its inner content.

```APIDOC
Footer Component:
  Props:
    ref: HTMLDivElement (default: null, required: false, bindable: true)
      Description: A reference to the field set footer element.
    children: Snippet (default: -, required: false, bindable: false)
      Description: The content of the field set footer.
```

--------------------------------

### FieldSet Title Component API Reference

Source: https://shadcn-svelte-extras.com/components/field-set/llms.txt

Describes the properties for the FieldSet's title element, such as `ref` for element access, `children` for its content, and `level` to specify the HTML heading level.

```APIDOC
Title Component:
  Props:
    ref: HTMLHeadingElement (default: null, required: false, bindable: true)
      Description: A reference to the field set title element.
    children: Snippet (default: -, required: false, bindable: false)
      Description: The content of the field set title.
    level: 1 | 2 | 3 | 4 | 5 | 6 (default: 3, required: false, bindable: false)
      Description: The heading level for the title.
```

--------------------------------

### API Documentation for Modal Title Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the title element of the modal. This section details the properties for customizing the text displayed as the modal's primary heading.

```APIDOC
Title Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### EmojiPicker Root Component API

Source: https://shadcn-svelte-extras.com/components/emoji-picker/llms.txt

Defines the Root component of the emoji picker, including its configurable properties such as skin tone, selection callbacks, and recent emoji display options.

```APIDOC
Root Component:
  Description: The root component of the emoji picker.
  Props:
    skin: Type: 0 | 1 | 2 | 3 | 4 | 5, Default: 0, Required: false, Bindable: true, Description: The default skin tone to use.
    onSelect: Type: (emoji: SelectedEmoji) => void, Default: -, Required: false, Bindable: false, Description: Callback fired when an emoji is selected.
    onSkinChange: Type: (skin: EmojiPickerSkin) => void, Default: -, Required: false, Bindable: false, Description: Callback fired when the skin tone changes.
    showRecents: Type: boolean, Default: -, Required: false, Bindable: false, Description: Show recently used emojis.
    recentsKey: Type: string, Default: -, Required: false, Bindable: false, Description: The key to use to store the recently used emojis.
    maxRecents: Type: number, Default: -, Required: false, Bindable: false, Description: The maximum number of recent emojis to show.
    children: Type: Snippet, Default: -, Required: false, Bindable: false, Description: The content of the emoji picker.
```

--------------------------------

### APIDOC: Chat BubbleMessage Component

Source: https://shadcn-svelte-extras.com/components/chat/llms.txt

API documentation for the 'BubbleMessage' component, which encapsulates the actual message content within a chat bubble. It supports displaying a typing indicator.

```APIDOC
Component: BubbleMessage
Description: The message content within a chat bubble.
Props:
  - ref: HTMLDivElement (Default: null, Required: false, Bindable: true)
    Description: A reference to the chat bubble message element.
  - children: Snippet (Default: -, Required: false, Bindable: false)
    Description: The content of the chat bubble message.
  - typing: boolean (Default: false, Required: false, Bindable: false)
    Description: Whether to show a typing indicator instead of message content.
```

--------------------------------

### API Documentation for Modal Footer Component

Source: https://shadcn-svelte-extras.com/components/modal/llms.txt

Defines the footer section of the modal. This section details the properties for customizing the bottom part of the modal, often used for action buttons.

```APIDOC
Footer Component Props:
  Prop: Type: Default Value: Required: Bindable: Description:
  (No specific props documented)
```

--------------------------------

### EmojiPicker SkinToneSelector Component API

Source: https://shadcn-svelte-extras.com/components/emoji-picker/llms.txt

Defines the SkinToneSelector component, a button for choosing the emoji skin tone, with an option to preview the selected tone.

```APIDOC
SkinToneSelector Component:
  Description: A button for selecting the emoji skin tone.
  Props:
    previewEmoji: Type: string, Default: 👋, Required: false, Bindable: false, Description: The emoji to use to preview the skin tone.
```

--------------------------------

### EmojiPicker Viewport Component API

Source: https://shadcn-svelte-extras.com/components/emoji-picker/llms.txt

Defines the Viewport component, which acts as the container for the emoji picker.

```APIDOC
Viewport Component:
  Description: The viewport container for the emoji picker.
  Props: None
```