@neynar/ui 0.2.1 → 0.3.0

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,636 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Button } from "@/components/ui/button";
+/**
+ * Props for InputGroup component (Documentation only - NOT used in component implementation)
+ * These types are for documentation generation and should not replace inferred types
+ */
+type InputGroupDocsProps = {
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Child components (InputGroupInput, InputGroupTextarea, InputGroupAddon) */
+    children?: React.ReactNode;
+    /** Mark the entire input group as disabled with data-disabled="true" */
+    "data-disabled"?: "true" | "false";
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+/**
+ * InputGroup - Container for inputs with integrated addons, buttons, and text
+ *
+ * A flexible container component that combines text inputs or textareas with decorative
+ * or functional elements like icons, buttons, labels, and keyboard shortcuts. Supports
+ * both inline (left/right) and block (top/bottom) addon positioning for diverse layout
+ * needs. Provides unified focus states, error handling, and disabled states across all
+ * child elements.
+ *
+ * @example
+ * ```tsx
+ * // Search input with icon and keyboard shortcut
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <Search className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput placeholder="Search..." />
+ *   <InputGroupAddon align="inline-end">
+ *     <Kbd>⌘K</Kbd>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Email subscription form with submit button
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <Mail className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput type="email" placeholder="Enter your email" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupButton size="sm">Subscribe</InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Price input with currency indicators
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <DollarSign className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput type="number" placeholder="0.00" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupText>USD</InputGroupText>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Comment textarea with block addons
+ * <InputGroup>
+ *   <InputGroupAddon align="block-start">
+ *     <InputGroupText>Your Comment</InputGroupText>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Write your comment..." rows={4} />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupButton size="sm">
+ *       <Send className="size-4" />
+ *       Post
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Error state with aria-invalid
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <Mail className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput
+ *     type="email"
+ *     placeholder="Email"
+ *     aria-invalid="true"
+ *     defaultValue="invalid-email"
+ *   />
+ * </InputGroup>
+ * ```
+ *
+ * @accessibility
+ * - Container uses role="group" to associate related form elements
+ * - Focus states are unified across the input and all addons with visible ring
+ * - Error states automatically style container with destructive colors when aria-invalid="true"
+ * - Disabled state propagates to all children via data-disabled attribute
+ * - Click on addons automatically focuses the input for better UX
+ * - Keyboard navigation works naturally with native input focus behavior
+ *
+ * @see {@link InputGroupInput} Text input element within the group
+ * @see {@link InputGroupTextarea} Textarea element within the group
+ * @see {@link InputGroupAddon} Container for icons, text, buttons, or labels
+ * @see {@link InputGroupButton} Action button within an addon
+ * @see {@link InputGroupText} Static text or labels within an addon
+ * @since 1.0.0
+ */
+declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * InputGroupAddon variant configuration for positioning addons around inputs
+ * @variant inline-start - Position addon to the left of the input (default)
+ * @variant inline-end - Position addon to the right of the input
+ * @variant block-start - Position addon above the input (full width)
+ * @variant block-end - Position addon below the input (full width)
+ */
+declare const inputGroupAddonVariants: (props?: ({
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Props for InputGroupAddon component (Documentation only - NOT used in component implementation)
+ * These types are for documentation generation and should not replace CVA inferred types
+ */
+type InputGroupAddonDocsProps = {
+    /** Position of the addon relative to the input element @default "inline-start" */
+    align?: "inline-start" | "inline-end" | "block-start" | "block-end";
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Child content (InputGroupText, InputGroupButton, icons, Kbd, etc.) */
+    children?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "children">;
+/**
+ * InputGroupAddon - Container for icons, buttons, text, or labels within an InputGroup
+ *
+ * A flexible addon container that can be positioned at any edge of the input (left, right,
+ * top, or bottom). Automatically adjusts layout and spacing based on alignment. Clicking
+ * the addon area focuses the associated input for improved usability. Supports icons,
+ * static text, buttons, keyboard shortcuts (Kbd), and custom content.
+ *
+ * @example
+ * ```tsx
+ * // Icon addon on the left (inline-start)
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <Search className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput placeholder="Search..." />
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Text suffix on the right (inline-end)
+ * <InputGroup>
+ *   <InputGroupInput placeholder="Enter amount" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupText>USD</InputGroupText>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Button addon for action
+ * <InputGroup>
+ *   <InputGroupInput placeholder="Enter coupon code" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupButton size="sm">Apply</InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Keyboard shortcut indicator
+ * <InputGroup>
+ *   <InputGroupInput placeholder="Quick search" />
+ *   <InputGroupAddon align="inline-end">
+ *     <Kbd>⌘K</Kbd>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Block addon with multiple elements (top position)
+ * <InputGroup>
+ *   <InputGroupAddon align="block-start">
+ *     <InputGroupText>Message</InputGroupText>
+ *     <InputGroupButton size="icon-xs">
+ *       <X className="size-4" />
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Type your message..." />
+ * </InputGroup>
+ * ```
+ *
+ * @accessibility
+ * - Uses role="group" to semantically group addon content
+ * - Clicking addon focuses the input (unless clicking a button)
+ * - Icons automatically sized with [&>svg:not([class*='size-'])]:size-4
+ * - Respects disabled state from parent InputGroup
+ * - Keyboard shortcuts (Kbd) properly styled and positioned
+ *
+ * @see {@link InputGroupText} For static text within the addon
+ * @see {@link InputGroupButton} For action buttons within the addon
+ * @since 1.0.0
+ */
+declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+/**
+ * InputGroupButton variant configuration for sizing buttons within addons
+ * @variant xs - Extra small button height (24px) for compact inline addons (default)
+ * @variant sm - Small button height (32px) for standard inline or block addons
+ * @variant icon-xs - Extra small icon-only button (24x24px) for compact addons
+ * @variant icon-sm - Small icon-only button (32x32px) for standard addons
+ */
+declare const inputGroupButtonVariants: (props?: ({
+    size?: "sm" | "xs" | "icon-xs" | "icon-sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Props for InputGroupButton component (Documentation only - NOT used in component implementation)
+ * These types are for documentation generation and should not replace CVA inferred types
+ */
+type InputGroupButtonDocsProps = {
+    /** Button size variant optimized for input group layout @default "xs" */
+    size?: "xs" | "sm" | "icon-xs" | "icon-sm";
+    /** Button variant from Button component @default "ghost" */
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
+    /** Button type attribute @default "button" */
+    type?: "button" | "submit" | "reset";
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Button content (text, icons, or both) */
+    children?: React.ReactNode;
+    /** Click handler for the button action */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Whether the button is disabled */
+    disabled?: boolean;
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "size">;
+/**
+ * InputGroupButton - Action button within an InputGroupAddon
+ *
+ * A specialized button component optimized for use within input group addons. Styled with
+ * reduced shadows and compact sizing to integrate seamlessly with the input group container.
+ * Supports text buttons, icon buttons, and combination buttons with various size options.
+ * Uses ghost variant by default for subtle integration with the input group.
+ *
+ * @example
+ * ```tsx
+ * // Text button for action
+ * <InputGroup>
+ *   <InputGroupInput placeholder="Enter coupon code" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupButton size="sm">Apply</InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Icon-only button for compact actions
+ * <InputGroup>
+ *   <InputGroupInput readOnly value="API Key: sk_live_123..." />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupButton size="icon-xs">
+ *       <Copy className="size-4" />
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Button with icon and text
+ * <InputGroup>
+ *   <InputGroupInput type="email" placeholder="Enter email" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupButton size="sm">
+ *       <Send className="size-4" />
+ *       Subscribe
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Submit button in block addon
+ * <InputGroup>
+ *   <InputGroupTextarea placeholder="Write your message..." />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupButton size="sm" variant="default" type="submit">
+ *       Post Comment
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Multiple buttons with different variants
+ * <InputGroup>
+ *   <InputGroupTextarea placeholder="Compose..." />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupButton size="sm" variant="outline">Cancel</InputGroupButton>
+ *     <InputGroupButton size="sm" variant="default">Send</InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @accessibility
+ * - Inherits all Button accessibility features
+ * - Default type="button" prevents accidental form submission
+ * - Keyboard accessible with Enter and Space activation
+ * - Focus visible with proper focus ring styling
+ * - Disabled state properly communicated to assistive technologies
+ *
+ * @see {@link Button} Base button component with full variant options
+ * @see {@link InputGroupAddon} Container for this button
+ * @since 1.0.0
+ */
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for InputGroupText component (Documentation only - NOT used in component implementation)
+ * These types are for documentation generation and should not replace inferred types
+ */
+type InputGroupTextDocsProps = {
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Text content, icons, or other inline elements */
+    children?: React.ReactNode;
+} & React.HTMLAttributes<HTMLSpanElement>;
+/**
+ * InputGroupText - Static text or label content within an InputGroupAddon
+ *
+ * A span element for displaying non-interactive text, labels, prefixes, suffixes, or icons
+ * within an input group addon. Styled with muted foreground colors and optimized spacing.
+ * Commonly used for currency symbols, units of measurement, URL protocols, or descriptive labels.
+ *
+ * @example
+ * ```tsx
+ * // Currency symbol prefix
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <DollarSign className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput type="number" placeholder="0.00" />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupText>USD</InputGroupText>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // URL protocol prefix
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <InputGroupText>https://</InputGroupText>
+ *   </InputGroupAddon>
+ *   <InputGroupInput placeholder="example.com" />
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Label for textarea
+ * <InputGroup>
+ *   <InputGroupAddon align="block-start">
+ *     <InputGroupText>Message</InputGroupText>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Type your message..." />
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Character counter
+ * <InputGroup>
+ *   <InputGroupTextarea placeholder="Comment..." />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupText className="text-xs">250 characters</InputGroupText>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @accessibility
+ * - Non-interactive element that provides context to the input
+ * - Icons within are marked as pointer-events-none
+ * - Muted color indicates non-interactive nature
+ * - Can be used with aria-label on parent input for better screen reader support
+ *
+ * @see {@link InputGroupAddon} Container for this text element
+ * @since 1.0.0
+ */
+declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for InputGroupInput component (Documentation only - NOT used in component implementation)
+ * These types are for documentation generation and should not replace inferred types
+ */
+type InputGroupInputDocsProps = {
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Input placeholder text */
+    placeholder?: string;
+    /** Input type (text, email, number, password, etc.) @default "text" */
+    type?: React.HTMLInputTypeAttribute;
+    /** Input value (controlled component) */
+    value?: string | number;
+    /** Default value (uncontrolled component) */
+    defaultValue?: string | number;
+    /** Change handler for controlled inputs */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Whether the input is read-only */
+    readOnly?: boolean;
+    /** Marks the input as invalid for error state styling */
+    "aria-invalid"?: boolean | "true" | "false";
+    /** Name attribute for form submission */
+    name?: string;
+    /** ID for label association */
+    id?: string;
+    /** Whether the field is required */
+    required?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type">;
+/**
+ * InputGroupInput - Text input element within an InputGroup
+ *
+ * A styled input component designed to work seamlessly within an InputGroup container.
+ * Inherits all standard HTML input props and removes default borders, shadows, and focus
+ * rings since the parent InputGroup handles visual states. Automatically flexes to fill
+ * available space between addons.
+ *
+ * @example
+ * ```tsx
+ * // Basic text input with icon
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <Search className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput placeholder="Search..." />
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Email input with validation
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <Mail className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput
+ *     type="email"
+ *     placeholder="you@example.com"
+ *     required
+ *     aria-invalid={!isValid}
+ *   />
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled number input
+ * const [amount, setAmount] = useState("");
+ * <InputGroup>
+ *   <InputGroupAddon align="inline-start">
+ *     <DollarSign className="size-4" />
+ *   </InputGroupAddon>
+ *   <InputGroupInput
+ *     type="number"
+ *     placeholder="0.00"
+ *     value={amount}
+ *     onChange={(e) => setAmount(e.target.value)}
+ *   />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupText>USD</InputGroupText>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Read-only input for displaying values
+ * <InputGroup>
+ *   <InputGroupInput
+ *     readOnly
+ *     value="API Key: sk_live_123456789"
+ *   />
+ *   <InputGroupAddon align="inline-end">
+ *     <InputGroupButton size="icon-xs">
+ *       <Copy className="size-4" />
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @accessibility
+ * - Inherits all native HTML input accessibility features
+ * - Focus management handled by parent InputGroup with visible focus ring
+ * - Error states indicated via aria-invalid attribute
+ * - Properly associates with labels using id and htmlFor
+ * - Keyboard accessible with standard input navigation
+ * - Supports all ARIA attributes for enhanced accessibility
+ *
+ * @see {@link Input} Base input component
+ * @see {@link InputGroup} Parent container component
+ * @since 1.0.0
+ */
+declare function InputGroupInput({ className, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Props for InputGroupTextarea component (Documentation only - NOT used in component implementation)
+ * These types are for documentation generation and should not replace inferred types
+ */
+type InputGroupTextareaDocsProps = {
+    /** Additional CSS classes for custom styling */
+    className?: string;
+    /** Textarea placeholder text */
+    placeholder?: string;
+    /** Number of visible text rows @default 3 */
+    rows?: number;
+    /** Textarea value (controlled component) */
+    value?: string;
+    /** Default value (uncontrolled component) */
+    defaultValue?: string;
+    /** Change handler for controlled textareas */
+    onChange?: React.ChangeEventHandler<HTMLTextAreaElement>;
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Whether the textarea is read-only */
+    readOnly?: boolean;
+    /** Marks the textarea as invalid for error state styling */
+    "aria-invalid"?: boolean | "true" | "false";
+    /** Name attribute for form submission */
+    name?: string;
+    /** ID for label association */
+    id?: string;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Maximum character length */
+    maxLength?: number;
+} & React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+/**
+ * InputGroupTextarea - Multi-line textarea element within an InputGroup
+ *
+ * A styled textarea component designed to work with InputGroup, especially with block-aligned
+ * addons (top/bottom positioning). Removes default borders and shadows as the parent InputGroup
+ * handles visual states. Resizing is disabled by default to maintain consistent layout with
+ * the container. Automatically flexes to fill available space.
+ *
+ * @example
+ * ```tsx
+ * // Basic textarea with label addon
+ * <InputGroup>
+ *   <InputGroupAddon align="block-start">
+ *     <InputGroupText>Message</InputGroupText>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Type your message here..." />
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Textarea with submit button below
+ * <InputGroup>
+ *   <InputGroupTextarea placeholder="Write your comment..." rows={4} />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupButton size="sm">
+ *       <Send className="size-4" />
+ *       Post
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Complete comment form with top and bottom addons
+ * <InputGroup>
+ *   <InputGroupAddon align="block-start">
+ *     <InputGroupText>Your Comment</InputGroupText>
+ *     <InputGroupButton size="icon-xs">
+ *       <X className="size-4" />
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ *   <InputGroupTextarea placeholder="Add a comment..." rows={3} />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupButton size="sm" variant="default">
+ *       Post Comment
+ *     </InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Textarea with character counter
+ * const [message, setMessage] = useState("");
+ * <InputGroup>
+ *   <InputGroupTextarea
+ *     placeholder="Compose your message..."
+ *     value={message}
+ *     onChange={(e) => setMessage(e.target.value)}
+ *     rows={5}
+ *   />
+ *   <InputGroupAddon align="block-end">
+ *     <InputGroupText className="text-xs">
+ *       {message.length} characters
+ *     </InputGroupText>
+ *     <InputGroupButton size="sm">Send</InputGroupButton>
+ *   </InputGroupAddon>
+ * </InputGroup>
+ * ```
+ *
+ * @accessibility
+ * - Inherits all native HTML textarea accessibility features
+ * - Focus management handled by parent InputGroup with visible focus ring
+ * - Error states indicated via aria-invalid attribute
+ * - Properly associates with labels using id and htmlFor
+ * - Keyboard accessible with standard textarea navigation
+ * - Supports all ARIA attributes including aria-describedby for character limits
+ *
+ * @see {@link Textarea} Base textarea component
+ * @see {@link InputGroup} Parent container component
+ * @see {@link InputGroupAddon} Use with align="block-start" or "block-end" for best layout
+ * @since 1.0.0
+ */
+declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, type InputGroupDocsProps, type InputGroupAddonDocsProps, type InputGroupButtonDocsProps, type InputGroupTextDocsProps, type InputGroupInputDocsProps, type InputGroupTextareaDocsProps, };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/components/ui/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input-group.tsx"],"names":[],"mappings":"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"}