master-components-react-ts 2.6.1 → 2.6.3

package/README.md

@@ -28,17 +28,8 @@ import 'master-components-react-ts/style.css'
 function App() {
   return (
     <div>
-      <FormInput 
-        label="Email" 
-        placeholder="Enter your email"
-        type="email"
-        required
-      />
-      <MainButton 
-        label="Submit" 
-        buttonType="primary"
-        onClick={() => console.log('Clicked!')}
-      />
+      <FormInput label="Email" placeholder="Enter your email" type="email" required />
+      <MainButton label="Submit" buttonType="primary" onClick={() => console.log('Clicked!')} />
     </div>
   )
 }
@@ -47,6 +38,7 @@ function App() {
 ## 🧩 Components
 
 ### Form Components
+
 - **FormInput** - Text input with validation states, slots, and multiple types
 - **Textarea** - Multi-line text input with character counting
 - **Checkbox** - Customizable checkbox with different styles
@@ -59,6 +51,7 @@ function App() {
 - **FileUploader** - Drag & drop file upload component
 
 ### Layout & Navigation
+
 - **Table** - Feature-rich data table with sorting, pagination, and row actions
 - **TreeNode** - Hierarchical tree component with checkboxes
 - **Tabs** - Tab navigation component
@@ -66,6 +59,7 @@ function App() {
 - **ActionDropdown** - Context menu dropdown for actions
 
 ### Feedback & Status
+
 - **MainButton** - Primary button component with loading states
 - **InlineLoading** - Loading indicators with success/error states
 - **Skeleton** - Content loading placeholders
@@ -73,6 +67,7 @@ function App() {
 - **Tooltip** - Contextual help tooltips
 
 ### Advanced Components
+
 - **FilterWithTags** - Advanced filtering interface with multiple input types
 - **DropdownPill** - Pill-style dropdown selector
 
@@ -83,6 +78,7 @@ For detailed documentation, examples, and API references, visit our documentatio
 **🌐 [components.nebi.com](https://components.nebi.com)**
 
 The documentation includes:
+
 - Interactive component playground
 - Complete API documentation
 - Usage examples and best practices
@@ -102,14 +98,7 @@ import 'master-components-react-ts/style.css'
 Components support extensive customization through props:
 
 ```tsx
-<MainButton
-  label="Custom Button"
-  size="lg"
-  colorType="positive"
-  buttonType="secondary"
-  leftSlot={<Icon />}
-  buttonStyle={{ borderRadius: '8px' }}
-/>
+<MainButton label="Custom Button" size="lg" colorType="positive" buttonType="secondary" leftSlot={<Icon />} buttonStyle={{ borderRadius: '8px' }} />
 ```
 
 ## 🔧 TypeScript Support
@@ -117,12 +106,7 @@ Components support extensive customization through props:
 Full TypeScript support with comprehensive type definitions:
 
 ```tsx
-import { 
-  FormInputProps, 
-  TableProps, 
-  DropdownItemType,
-  ColumnType 
-} from 'master-components-react-ts'
+import { FormInputProps, TableProps, DropdownItemType, ColumnType } from 'master-components-react-ts'
 
 interface MyComponentProps {
   inputProps: FormInputProps
@@ -140,9 +124,9 @@ import { Table, ColumnType } from 'master-components-react-ts'
 const columns: ColumnType[] = [
   { key: 'name', label: 'Name', visible: true },
   { key: 'email', label: 'Email', visible: true },
-  { 
-    key: 'status', 
-    label: 'Status', 
+  {
+    key: 'status',
+    label: 'Status',
     visible: true,
     render: (row) => (
       <span className={`status-${row.status}`}>
@@ -223,6 +207,7 @@ const countryData: DropdownItemType[] = [
 ## 🎯 Key Features
 
 ### Table Component
+
 - **Sorting** - Click headers to sort data
 - **Pagination** - Numbered and simple pagination styles
 - **Row Selection** - Single and multi-row selection
@@ -232,12 +217,14 @@ const countryData: DropdownItemType[] = [
 - **Tooltips** - Row-level tooltips for additional information
 
 ### Form Components
+
 - **Validation States** - Error, success, and loading states
 - **Custom Slots** - Left, right, and helper slots for icons/content
 - **Multiple Input Types** - Text, email, password, number, etc.
 - **Accessibility** - Full keyboard navigation and screen reader support
 
 ### Styling System
+
 - **SCSS Modules** - Scoped styling to prevent conflicts
 - **CSS Custom Properties** - Easy theme customization
 - **Responsive Design** - Mobile-first responsive components
@@ -261,10 +248,6 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
 - **Issues**: Report bugs and request features on our documentation site
 - **Community**: Join our community discussions
 
-## 🏷️ Version
-
-Current version: **2.5.19**
-
 ---
 
-Built with ❤️ for the React community. For the latest updates and announcements, visit [components.nebi.com](https://components.nebi.com).
+Built with ❤️ for the React community. For the latest updates and announcements, visit [components.nebi.com](https://components.nebi.com).

package/dist/index.js

@@ -1182,7 +1182,7 @@ const pn = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
                 /* @__PURE__ */ e("span", { title: u.name, className: de.countryName, children: u.name || u.label }),
                 /* @__PURE__ */ e("span", { className: de.countryDialCode, children: P === "country" ? u.dialCode : u?.label })
               ] }) : /* @__PURE__ */ e(
-                "p",
+                "div",
                 {
                   title: typeof u.label == "string" ? u.label : "",
                   className: `${u.id === "SELECT_ALL" ? de.selectAll : ""}`,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "master-components-react-ts",
   "private": false,
-  "version": "2.6.1",
+  "version": "2.6.3",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",