@vellumlabs/cexplorer-sdk 1.0.11 → 1.0.13

package/dist/ui/globalSearch/index.d.ts

@@ -0,0 +1,57 @@
+import { FC } from 'react';
+
+/**
+ * Props for the GlobalSearch component.
+ *
+ * @interface GlobalSearchProps
+ */
+export interface GlobalSearchProps {
+    /**
+     * Enable homepage variant with different styling.
+     * Homepage variant uses a different layout optimized for landing pages.
+     *
+     * @optional
+     * @default false
+     */
+    isHomepage?: boolean;
+}
+/**
+ * Global search component for Cardano blockchain entities with real-time results and category filtering.
+ *
+ * Features:
+ * - Real-time search across multiple blockchain entity types
+ * - Category filtering (transactions, blocks, addresses, pools, tokens, etc.)
+ * - Recent searches history (stored in localStorage)
+ * - Keyboard navigation support
+ * - Loading states and empty state handling
+ * - Smart positioning to avoid viewport overflow
+ *
+ * Supported search categories:
+ * - Transactions
+ * - Blocks
+ * - Addresses
+ * - Stake addresses
+ * - Pools
+ * - Assets/Tokens
+ * - Policies
+ * - ADA Handles
+ * - Governance actions
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Standard variant
+ * <GlobalSearch />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Homepage variant
+ * <GlobalSearch isHomepage={true} />
+ * ```
+ *
+ * @param {GlobalSearchProps} props - Component props
+ * @returns {JSX.Element} Rendered global search component
+ */
+export declare const GlobalSearch: FC<GlobalSearchProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/globalSearch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/globalSearch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAU3C;;;;GAIG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsN9C,CAAC"}

package/dist/ui/header/index.d.ts

@@ -0,0 +1,119 @@
+import { ReactNode } from 'react';
+import { BreadCrumbItem } from '../breadcrumbs';
+import { UseQueryResult } from '@tanstack/react-query';
+import { MiscBasicResponse, MiscSearchResponse } from '../../types/miscTypes';
+import { Locales } from '../../types/commonTypes';
+
+/**
+ * Props for the Header component.
+ *
+ * @interface HeaderProps
+ */
+export interface HeaderProps {
+    /**
+     * Breadcrumb navigation items.
+     */
+    breadcrumbItems?: BreadCrumbItem[];
+    /**
+     * Custom breadcrumb separator element.
+     */
+    breadcrumbSeparator?: ReactNode;
+    /**
+     * Main page title (text or element with icon).
+     */
+    title: ReactNode;
+    /**
+     * Optional subtitle below the title.
+     */
+    subTitle?: ReactNode;
+    /**
+     * Optional badge next to title.
+     */
+    badge?: ReactNode;
+    /**
+     * Optional QR code element.
+     */
+    qrCode?: ReactNode;
+    /**
+     * Whether this is the homepage variant.
+     */
+    isHomepage?: boolean;
+    /**
+     * Query result for basic data and ads.
+     */
+    miscBasic: UseQueryResult<MiscBasicResponse & {
+        prevOffset: number | undefined;
+    }, Error>;
+    /**
+     * Search fetch hook for GlobalSearch.
+     */
+    useFetchMiscSearch: (query: string | undefined, category?: string, locale?: Locales) => UseQueryResult<MiscSearchResponse & {
+        prevOffset: number | undefined;
+    }, unknown>;
+    /**
+     * Current locale.
+     */
+    locale: Locales;
+}
+/**
+ * Page header component with breadcrumbs, title, search, and ads.
+ *
+ * Displays page navigation, title with optional icon/badge, global search,
+ * share button, and ad slots. Supports homepage and detail page variants.
+ *
+ * @component
+ * @param {HeaderProps} props - Component props
+ * @returns {JSX.Element} Header element
+ *
+ * @example
+ * ```tsx
+ * // Homepage variant
+ * <Header
+ *   isHomepage
+ *   title="Explore Cardano blockchain"
+ *   miscBasic={miscBasicQuery}
+ *   useFetchMiscSearch={useFetchMiscSearch}
+ *   locale="en"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Detail page with breadcrumb and icon
+ * <Header
+ *   breadcrumbItems={[
+ *     { label: "Blocks", href: "/blocks" },
+ *     { label: "0ta9cec52f...3c396637" }
+ *   ]}
+ *   title={
+ *     <>
+ *       <img src="/cardano-icon.png" className="w-8 h-8 mr-2" />
+ *       Title
+ *     </>
+ *   }
+ *   subTitle={
+ *     <>
+ *       <p>Ident 1: addr174vzdp...eq9qn8q5vtgdea9cee52f</p>
+ *       <p>Ident 2: addr174vzdp...eq9qn8q5vtgdea9cee52f</p>
+ *     </>
+ *   }
+ *   miscBasic={miscBasicQuery}
+ *   useFetchMiscSearch={useFetchMiscSearch}
+ *   locale="en"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Simple page with breadcrumb
+ * <Header
+ *   breadcrumbItems={[{ label: "Blocks" }]}
+ *   title="Blocks"
+ *   miscBasic={miscBasicQuery}
+ *   useFetchMiscSearch={useFetchMiscSearch}
+ *   locale="en"
+ * />
+ * ```
+ */
+export declare const Header: ({ breadcrumbItems, breadcrumbSeparator, title, subTitle, badge, qrCode, isHomepage, miscBasic: miscBasicQuery, useFetchMiscSearch, locale, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAc,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAO/E,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAG9C;;;;GAIG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC;;OAEG;IACH,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,cAAc,CACvB,iBAAiB,GAAG;QAClB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EACD,KAAK,CACN,CAAC;IACF;;OAEG;IACH,kBAAkB,EAAE,CAClB,KAAK,EAAE,MAAM,GAAG,SAAS,EACzB,QAAQ,CAAC,EAAE,MAAM,EACjB,MAAM,CAAC,EAAE,OAAO,KACb,cAAc,CACjB,kBAAkB,GAAG;QACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;KAChC,EACD,OAAO,CACR,CAAC;IACF;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2DG;AACH,eAAO,MAAM,MAAM,GAAI,8IAWpB,WAAW,4CA+Ib,CAAC"}

package/dist/ui/icon/index.d.ts

@@ -0,0 +1,9 @@
+import { LucideProps } from 'lucide-react';
+import { default as dynamicIconImports } from 'lucide-react/dynamicIconImports';
+
+interface IconProps extends Omit<LucideProps, "ref"> {
+    name: keyof typeof dynamicIconImports;
+}
+declare const Icon: ({ name, ...props }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export default Icon;
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/icon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAGjE,UAAU,SAAU,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;IAClD,IAAI,EAAE,MAAM,OAAO,kBAAkB,CAAC;CACvC;AAED,QAAA,MAAM,IAAI,GAAI,oBAAoB,SAAS,4CAmB1C,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/ui/index.d.ts

@@ -0,0 +1,20 @@
+export { Breadcrumb } from './breadcrumbs';
+export { BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbRaw, BreadcrumbSeparator, } from './breadcrumbs/components';
+export type { BreadcrumbProps } from './breadcrumbs';
+export { Dropdown } from './dropdown';
+export type { DropdownProps } from './dropdown';
+export { AdDropdown } from './adDropdown';
+export { GlobalSearch } from './globalSearch';
+export type { GlobalSearchProps } from './globalSearch';
+export { TextInput } from './textInput';
+export { AdaWithTooltip } from './adaWithTooltip';
+export { Button } from './button';
+export { Copy } from './copy';
+export { DateCell } from './dateCell';
+export { Tooltip } from './tooltip';
+export { LoadingSkeleton } from './loadingSkeleton';
+export { ShareButton } from './shareButton';
+export { TruncatedText } from './truncatedText';
+export { Header } from './header';
+export type { HeaderProps } from './header';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EACL,cAAc,EACd,cAAc,EACd,cAAc,EACd,aAAa,EACb,mBAAmB,GACpB,MAAM,0BAA0B,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/ui/loadingSkeleton/index.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Props for the LoadingSkeleton component.
+ *
+ * @interface Props
+ */
+type Props = {
+    /**
+     * Height of the skeleton element.
+     *
+     * @optional
+     * @default "100%"
+     * @example "200px"
+     * @example "10rem"
+     */
+    height?: string;
+    /**
+     * Width of the skeleton element.
+     *
+     * @optional
+     * @default "100%"
+     * @example "300px"
+     * @example "50%"
+     */
+    width?: string;
+    /**
+     * Maximum height of the skeleton element.
+     *
+     * @optional
+     * @default "100%"
+     * @example "500px"
+     */
+    maxHeight?: string;
+    /**
+     * Maximum width of the skeleton element.
+     *
+     * @optional
+     * @default "100%"
+     * @example "800px"
+     */
+    maxWidth?: string;
+    /**
+     * Margin around the skeleton element.
+     *
+     * @optional
+     * @example "10px"
+     * @example "1rem 2rem"
+     */
+    margin?: string;
+    /**
+     * Border radius size variant.
+     *
+     * @optional
+     * @default "sm"
+     * @example "md"
+     * @example "full" // For circular skeletons
+     */
+    rounded?: "sm" | "md" | "lg" | "xl" | "full";
+    /**
+     * Additional CSS classes to apply to the skeleton.
+     *
+     * @optional
+     * @example "mb-4"
+     */
+    className?: string;
+};
+/**
+ * Loading skeleton component with shimmer animation for placeholder content.
+ *
+ * Used to indicate loading states while content is being fetched.
+ * Features a smooth shimmer animation and customizable dimensions.
+ *
+ * Features:
+ * - Shimmer loading animation
+ * - Flexible sizing with width, height, and max constraints
+ * - Multiple border radius options
+ * - Responsive and accessible
+ * - Works with light and dark themes
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Card skeleton
+ * <LoadingSkeleton
+ *   height="200px"
+ *   width="100%"
+ *   rounded="md"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Avatar skeleton (circular)
+ * <LoadingSkeleton
+ *   height="40px"
+ *   width="40px"
+ *   rounded="full"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Text line skeleton
+ * <LoadingSkeleton
+ *   height="16px"
+ *   width="80%"
+ *   rounded="sm"
+ *   className="mb-2"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Transaction list skeleton
+ * <div className="space-y-4">
+ *   {[1, 2, 3].map(i => (
+ *     <LoadingSkeleton
+ *       key={i}
+ *       height="80px"
+ *       width="100%"
+ *       rounded="lg"
+ *     />
+ *   ))}
+ * </div>
+ * ```
+ *
+ * @param {Props} props - Component props
+ * @returns {JSX.Element} Rendered loading skeleton with shimmer animation
+ */
+export declare const LoadingSkeleton: ({ height, width, maxHeight, maxWidth, rounded, className, }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/loadingSkeleton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/loadingSkeleton/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,KAAK,KAAK,GAAG;IACX;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IAC7C;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,eAAO,MAAM,eAAe,GAAI,6DAO7B,KAAK,4CAaP,CAAC"}

package/dist/ui/shareButton/index.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Props for the ShareButton component.
+ *
+ * @interface ShareButtonProps
+ */
+interface ShareButtonProps {
+    /**
+     * Use header variant with smaller size.
+     * Header variant is optimized for navigation bars.
+     *
+     * @optional
+     * @default false
+     */
+    isHeader?: boolean;
+}
+/**
+ * Share button component with dropdown menu for sharing current page.
+ *
+ * Features:
+ * - Copy current URL to clipboard
+ * - Share on X (Twitter)
+ * - Share on Facebook
+ * - Toast notifications for copy success
+ * - Two size variants (header and default)
+ * - Icon-only button with dropdown menu
+ *
+ * The component automatically uses the current page URL (`window.location.href`)
+ * for all sharing actions.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Default size for page content
+ * <ShareButton />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Header variant for navigation bar
+ * <ShareButton isHeader={true} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // In a transaction detail page header
+ * <div className="flex items-center gap-2">
+ *   <h1>Transaction Details</h1>
+ *   <ShareButton isHeader={true} />
+ * </div>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // In a block detail page content
+ * <div className="flex justify-between">
+ *   <h2>Block Information</h2>
+ *   <ShareButton />
+ * </div>
+ * ```
+ *
+ * @param {ShareButtonProps} props - Component props
+ * @returns {JSX.Element} Share button with dropdown menu
+ */
+export declare const ShareButton: ({ isHeader }: ShareButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/shareButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/shareButton/index.tsx"],"names":[],"mappings":"AAOA;;;;GAIG;AACH,UAAU,gBAAgB;IACxB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,eAAO,MAAM,WAAW,GAAI,cAAsB,gBAAgB,4CA2DjE,CAAC"}

package/dist/ui/textInput/Input.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    onchange: (value: string) => void;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=Input.d.ts.map

package/dist/ui/textInput/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/ui/textInput/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,UAAW,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACtE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,KAAK,qFAmBV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/ui/textInput/index.d.ts

@@ -0,0 +1,134 @@
+import { DOMAttributes, ReactNode } from 'react';
+
+/**
+ * Props for the TextInput component.
+ *
+ * @interface Props
+ */
+type Props = {
+    /**
+     * Placeholder text shown when input is empty.
+     *
+     * @example "Search blocks, transactions..."
+     */
+    placeholder: string;
+    /**
+     * Additional CSS classes for the wrapper div.
+     * @deprecated Use wrapperClassName instead
+     *
+     * @optional
+     */
+    className?: string;
+    /**
+     * Current value of the input.
+     *
+     * @example "addr1q..."
+     */
+    value: string;
+    /**
+     * Show search icon on the left side of the input.
+     *
+     * @optional
+     * @default false
+     */
+    showSearchIcon?: boolean;
+    /**
+     * Custom React node to display before the input field.
+     * Useful for dropdowns or additional controls.
+     *
+     * @optional
+     * @example <GlobalSearchDropdown />
+     */
+    prefixContent?: ReactNode;
+    /**
+     * Additional CSS classes for the input element itself.
+     *
+     * @optional
+     * @example "font-bold text-lg"
+     */
+    inputClassName?: string;
+    /**
+     * Additional CSS classes for the wrapper element.
+     *
+     * @optional
+     * @example "mb-4 w-full"
+     */
+    wrapperClassName?: string;
+    /**
+     * HTML input type attribute.
+     *
+     * @optional
+     * @default "text"
+     * @example "email"
+     * @example "search"
+     */
+    options?: React.HTMLInputTypeAttribute;
+    /**
+     * Callback function called when input value changes.
+     *
+     * @param value - New input value
+     * @example (value) => setSearchQuery(value)
+     */
+    onchange: (value: string) => void;
+    /**
+     * Callback function for keyboard events.
+     *
+     * @optional
+     * @example (e) => { if (e.key === 'Enter') handleSearch() }
+     */
+    onKeyDown?: DOMAttributes<HTMLInputElement>["onKeyDown"];
+    /**
+     * Callback function when input receives focus.
+     *
+     * @optional
+     * @example () => setIsFocused(true)
+     */
+    onFocus?: DOMAttributes<HTMLInputElement>["onFocus"];
+    /**
+     * Callback function when input loses focus.
+     *
+     * @optional
+     * @example () => setIsFocused(false)
+     */
+    onBlur?: DOMAttributes<HTMLInputElement>["onBlur"];
+};
+/**
+ * Text input component with optional search icon and clear button.
+ *
+ * Features:
+ * - Optional search icon on the left
+ * - Automatic clear button (X) when input has value
+ * - Support for prefix content (e.g., dropdown filters)
+ * - Keyboard event handling
+ * - Focus/blur callbacks
+ * - Disabled state support
+ *
+ * @component
+ * @example
+ * ```tsx
+ * // Basic search input
+ * <TextInput
+ *   value={searchQuery}
+ *   onchange={setSearchQuery}
+ *   placeholder="Search addresses..."
+ *   showSearchIcon={true}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // With prefix dropdown
+ * <TextInput
+ *   value={query}
+ *   onchange={setQuery}
+ *   placeholder="Search..."
+ *   prefixContent={<CategoryDropdown />}
+ * />
+ * ```
+ *
+ * @param {Props} props - Component props
+ * @returns {JSX.Element} Rendered text input component
+ */
+export declare const TextInput: ({ placeholder, value, onchange, inputClassName, wrapperClassName, prefixContent, showSearchIcon, onKeyDown, onFocus, onBlur, disabled, ...rest }: Props & React.ComponentProps<"input">) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/textInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/textInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtD;;;;GAIG;AACH,KAAK,KAAK,GAAG;IACX;;;;OAIG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,sBAAsB,CAAC;IACvC;;;;;OAKG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;;OAKG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAC;IACzD;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,SAAS,CAAC,CAAC;IACrD;;;;;OAKG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,CAAC;CACpD,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,SAAS,GAAI,kJAavB,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,4CA6BvC,CAAC"}