@youngonesworks/ui 0.1.48 → 0.1.51

package/dist/components/searchInput/SearchInput.stories.d.ts

@@ -4,3 +4,10 @@ declare const meta: Meta<typeof SearchInput>;
 export default meta;
 type Story = StoryObj<typeof SearchInput>;
 export declare const Default: Story;
+export declare const WithCustomSearchIcon: Story;
+export declare const WithFilterIcon: Story;
+export declare const WithoutIcon: Story;
+export declare const Controlled: Story;
+export declare const WithCustomIcon: Story;
+export declare const WithCustomClassName: Story;
+export declare const Disabled: Story;

package/dist/components/searchInput/index.d.ts

@@ -1 +1,9 @@
-export declare const SearchInput: () => import("react/jsx-runtime").JSX.Element;
+import { type ChangeEvent } from 'react';
+import { type TextInputProps } from '../textInput';
+interface SearchInputProps extends TextInputProps {
+    placeholder: string;
+    value?: string;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const SearchInput: ({ placeholder, value, onChange, className, rightSection, ...props }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.cjs

@@ -110064,13 +110064,13 @@ const ScrollToTop = ({ scrollToTopTitle }) => {
 
 //#endregion
 //#region src/components/searchInput/index.tsx
-const SearchInput = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
-	className: "w-full lg:w-auto lg:min-w-[23.75rem]",
-	rightSection: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSearch, {
-		size: 20,
-		stroke: 1,
-		className: "rotate-90"
-	})
+const SearchInput = ({ placeholder, value, onChange, className, rightSection,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextInput, {
+	placeholder,
+	className: className || "w-full lg:w-auto lg:min-w-[23.75rem]",
+	rightSection: rightSection || /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {}),
+	value,
+	onChange,
+	...props
 });
 
 //#endregion