diff --git a/.prettierignore b/.prettierignore
index fe20a58f..e3033ebf 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -1,5 +1,5 @@
# Ignore artifacts:
.next/
-
+lib
# Ignore specific files:
package-lock.json
\ No newline at end of file
diff --git a/app/docs/components/dropdown/variant/DefaultDropdown.tsx b/app/docs/components/dropdown/variant/DefaultDropdown.tsx
index 6f07dcf2..f30178ab 100644
--- a/app/docs/components/dropdown/variant/DefaultDropdown.tsx
+++ b/app/docs/components/dropdown/variant/DefaultDropdown.tsx
@@ -15,7 +15,7 @@ const DefaultDropdown = () => {
- e.stopPropagation()}>
+
Contacts
Phone
@@ -34,26 +34,33 @@ const DefaultDropdown = () => {
const DefaultDropdownCode = {
'DropdownComponent.tsx': `
-import { Button, Divider, Dropdown, DropdownAction, DropdownContent, DropdownItem, DropdownList } from 'keep-react'
+import {
+ Button,
+ Dropdown,
+ DropdownAction,
+ DropdownArrow,
+ DropdownContent,
+ DropdownDivider,
+ DropdownItem,
+} from 'keep-react'
export const DropdownComponent = () => {
return (
-
+
-
- Contacts
- Phone
- Statistics
-
- Rename
- Duplicate
-
- Account
- Logout
-
+
+ Contacts
+ Phone
+ Statistics
+
+ Rename
+ Duplicate
+
+ Account
+ Logout
)
diff --git a/app/docs/components/dropdown/variant/DropdownWithIcon.tsx b/app/docs/components/dropdown/variant/DropdownWithIcon.tsx
index 23698446..0f479b0f 100644
--- a/app/docs/components/dropdown/variant/DropdownWithIcon.tsx
+++ b/app/docs/components/dropdown/variant/DropdownWithIcon.tsx
@@ -66,49 +66,63 @@ const DropdownWithIconCode = {
'DropdownComponent.tsx': `
'use client'
import { ChartPieSlice, Copy, Pen, Phone, SignOut, UserCircle, Users } from 'phosphor-react'
-import { Button, Divider, Dropdown, DropdownAction, DropdownContent, DropdownItem, DropdownList} from 'keep-react'
+import {
+ Button,
+ Dropdown,
+ DropdownAction,
+ DropdownArrow,
+ DropdownContent,
+ DropdownDivider,
+ DropdownGroup,
+ DropdownItem,
+} from 'keep-react'
export const DropdownComponent = () => {
return (
-
-
-
-
-
-
-
- Contacts
-
-
-
- Phone
-
-
-
- Statistics
-
+
+
+
+
+
+
+
+
+ Contacts
+
+
+
+ Phone
+
+
+
+ Statistics
+
+
-
-
- Rename
-
-
-
- Duplicate
-
+
+
+
+ Rename
+
+
+
+ Duplicate
+
+
-
-
- Account
-
-
-
- Logout
-
-
-
-
+
+
+
+ Account
+
+
+
+ Logout
+
+
+
+
)
}
`,
diff --git a/app/docs/components/table/variant/ProductTable.tsx b/app/docs/components/table/variant/ProductTable.tsx
index c01596f9..6698af3e 100644
--- a/app/docs/components/table/variant/ProductTable.tsx
+++ b/app/docs/components/table/variant/ProductTable.tsx
@@ -98,7 +98,6 @@ import {
DropdownAction,
DropdownContent,
DropdownItem,
- DropdownList,
Table,
TableBody,
TableCaption,
diff --git a/app/src/components/Divider/Divider.tsx b/app/src/components/Divider/Divider.tsx
index 7d405be8..55f8b5ea 100644
--- a/app/src/components/Divider/Divider.tsx
+++ b/app/src/components/Divider/Divider.tsx
@@ -3,7 +3,7 @@ import { FC, ReactNode } from 'react'
import { cn } from '../../utils/cn'
import { DividerColorVariant, DividerSizeVariant, dividerTheme } from './theme'
-interface DividerProps {
+export interface DividerProps {
color?: keyof DividerColorVariant
size?: keyof DividerSizeVariant
variant?: 'start' | 'end' | 'center'
diff --git a/tsconfig.lib.json b/tsconfig.lib.json
index 29d9ca3c..5d496a39 100644
--- a/tsconfig.lib.json
+++ b/tsconfig.lib.json
@@ -2,7 +2,7 @@
"extends": "./tsconfig.json",
"compilerOptions": {
"jsx": "react-jsx",
- "module": "CommonJS",
+ "module": "ES2015",
"outDir": "./lib"
},
"exclude": ["app/**/*.stories.tsx"],