pixel-react 1.0.0 → 1.0.2

package/README.md

@@ -1,25 +1,75 @@
-<h1 align="center">FireFlink UI</h1>
+---
+title: PixelReact UI
+---
 
-FireFlink UI is an open-source React component library.
+import { Button, Input } from 'pixel-react';
+
+<h1 align="center">PixelReact UI</h1>
+
+<p align="center">
+  <strong>PixelReact UI</strong> is an open-source React component library, designed to offer a sleek, customizable, and easy-to-use collection of components for building modern user interfaces.
+</p>
+
+---
+
+## Table of Contents
+
+- [Installation](#installation)
+- [Usage](#usage)
+- [Documentation](#documentation)
+- [Contributing](#contributing)
+- [License](#license)
+
+---
 
 ## Installation
 
-Install the package in your project directory with:
+Install PixelReact UI in your project directory with:
+
+```bash
+npm install pixel-react
+```
+
+or with Yarn:
 
 ```bash
-npm install fireflink
+yarn add pixel-react
+```
+
+## Usage
+
+Once installed, you can start importing and using PixelReact components in your React application. Here's a quick example:
+
+```jsx
+import { Button } from 'pixel-react';
+
+function App() {
+  return (
+    <div>
+      <Button label="Button Label" variant="primary" />
+    </div>
+  );
+}
+
+export default App;
 ```
 
 ## Documentation
 
-[Click Here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/)
+For detailed documentation and live examples, [click here](https://main--65d5ca6d09c1eaf0731601fc.chromatic.com/).
 
 ## Example
 
-```bash
-import { Button } from 'fireflink'
+```jsx
+import { Button } from 'pixel-react';
 
-...
-<Button label="Button Label" variant="primary" />
-...
+function ExampleComponent() {
+  return <Button label="Click Me!" variant="primary" />;
+}
 ```
+
+## License
+
+PixelReact UI is licensed under the [MIT License](LICENSE). Feel free to use it in your projects, both personal and commercial.
+
+---

package/lib/components/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/lib/components/MultiSelect/MultiSelectTypes.d.ts

@@ -14,5 +14,7 @@ interface MultiSelectProps {
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
+    withSelectButton?: boolean;
+    onSelect?: () => void;
 }
 export { Option, MultiSelectProps };

package/lib/components/MultiSelect/dropdownTypes.d.ts

@@ -12,4 +12,6 @@ export interface DropdownProps {
     searchedKeyword: undefined | string;
     dropdownPosition: any;
     zIndex: number;
+    withSelectButton?: boolean;
+    onSelect?: () => void;
 }

package/lib/index.d.ts

@@ -216,9 +216,11 @@ interface MultiSelectProps {
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
+    withSelectButton?: boolean;
+    onSelect?: () => void;
 }
 
-declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */