@kopexa/table 1.0.0 → 1.0.2

package/dist/{chunk-CSL5I4TN.mjs → chunk-DE7P7UPE.mjs}

@@ -6,14 +6,17 @@ var __export = (target, all) => {
 };
 
 // src/table.tsx
+import { Avatar } from "@kopexa/avatar";
+import { Button } from "@kopexa/button";
+import { ChevronRightIcon, PlusIcon } from "@kopexa/icons";
 import { createContext, mergeRefs } from "@kopexa/react-utils";
 import { callAllHandlers, cn, dataAttr } from "@kopexa/shared-utils";
 import {
   table
 } from "@kopexa/theme";
 import { useHover } from "@kopexa/use-hover";
-import { useRef } from "react";
-import { jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var [Provider, useTableContext] = createContext(
   {}
 );
@@ -142,6 +145,72 @@ function TableCell(props) {
     }
   );
 }
+var defaultOwnerTranslations = {
+  unassigned: "Unassigned",
+  assignNow: "Assign now"
+};
+function TableOwnerCellValue({
+  className,
+  owner,
+  description,
+  onClick,
+  translations,
+  ...rest
+}) {
+  const { styles } = useTableContext();
+  const ownerName = useMemo(() => {
+    if (owner == null ? void 0 : owner.name) {
+      return owner.name;
+    }
+    if ((owner == null ? void 0 : owner.firstName) && (owner == null ? void 0 : owner.lastName)) {
+      return `${owner.firstName} ${owner.lastName}`;
+    }
+    return "";
+  }, [owner]);
+  const i18n = useMemo(() => {
+    return {
+      ...defaultOwnerTranslations,
+      ...translations
+    };
+  }, [translations]);
+  const hasOwner = useMemo(() => {
+    return !!owner;
+  }, [owner]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "table-owner-cell",
+      className: styles.ownerCell({ className }),
+      ...rest,
+      children: hasOwner ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          Avatar,
+          {
+            src: owner == null ? void 0 : owner.avatar,
+            alt: owner == null ? void 0 : owner.name,
+            name: ownerName,
+            size: "sm",
+            className: styles.ownerCellAvatar()
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: styles.ownerCelltextWrapper(), children: [
+          /* @__PURE__ */ jsx("span", { className: styles.ownerCellName(), children: ownerName }),
+          /* @__PURE__ */ jsx("span", { className: styles.ownerCellDescription(), children: description != null ? description : owner == null ? void 0 : owner.email })
+        ] })
+      ] }) : onClick ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick,
+          variant: "ghost",
+          size: "sm",
+          startContent: /* @__PURE__ */ jsx(PlusIcon, {}),
+          endContent: /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+          children: i18n.assignNow
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: styles.ownerCellUnassigned(), children: i18n.unassigned })
+    }
+  );
+}
 
 export {
   __export,
@@ -150,5 +219,6 @@ export {
   TableBody,
   TableRow,
   TableHeaderCell,
-  TableCell
+  TableCell,
+  TableOwnerCellValue
 };

package/dist/{chunk-QXAVSODK.mjs → chunk-Q2IBTYJF.mjs}

@@ -4,10 +4,11 @@ import {
   TableCell,
   TableHead,
   TableHeaderCell,
+  TableOwnerCellValue,
   TableRoot,
   TableRow,
   __export
-} from "./chunk-CSL5I4TN.mjs";
+} from "./chunk-DE7P7UPE.mjs";
 
 // src/namespace.ts
 var namespace_exports = {};
@@ -16,6 +17,7 @@ __export(namespace_exports, {
   Cell: () => TableCell,
   Head: () => TableHead,
   HeaderCell: () => TableHeaderCell,
+  OwnerCellValue: () => TableOwnerCellValue,
   Root: () => TableRoot,
   Row: () => TableRow
 });

package/dist/index.js

@@ -32,11 +32,15 @@ __export(namespace_exports, {
   Cell: () => TableCell,
   Head: () => TableHead,
   HeaderCell: () => TableHeaderCell,
+  OwnerCellValue: () => TableOwnerCellValue,
   Root: () => TableRoot,
   Row: () => TableRow
 });
 
 // src/table.tsx
+var import_avatar = require("@kopexa/avatar");
+var import_button = require("@kopexa/button");
+var import_icons = require("@kopexa/icons");
 var import_react_utils = require("@kopexa/react-utils");
 var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
@@ -171,6 +175,72 @@ function TableCell(props) {
     }
   );
 }
+var defaultOwnerTranslations = {
+  unassigned: "Unassigned",
+  assignNow: "Assign now"
+};
+function TableOwnerCellValue({
+  className,
+  owner,
+  description,
+  onClick,
+  translations,
+  ...rest
+}) {
+  const { styles } = useTableContext();
+  const ownerName = (0, import_react.useMemo)(() => {
+    if (owner == null ? void 0 : owner.name) {
+      return owner.name;
+    }
+    if ((owner == null ? void 0 : owner.firstName) && (owner == null ? void 0 : owner.lastName)) {
+      return `${owner.firstName} ${owner.lastName}`;
+    }
+    return "";
+  }, [owner]);
+  const i18n = (0, import_react.useMemo)(() => {
+    return {
+      ...defaultOwnerTranslations,
+      ...translations
+    };
+  }, [translations]);
+  const hasOwner = (0, import_react.useMemo)(() => {
+    return !!owner;
+  }, [owner]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "table-owner-cell",
+      className: styles.ownerCell({ className }),
+      ...rest,
+      children: hasOwner ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_avatar.Avatar,
+          {
+            src: owner == null ? void 0 : owner.avatar,
+            alt: owner == null ? void 0 : owner.name,
+            name: ownerName,
+            size: "sm",
+            className: styles.ownerCellAvatar()
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.ownerCelltextWrapper(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellName(), children: ownerName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellDescription(), children: description != null ? description : owner == null ? void 0 : owner.email })
+        ] })
+      ] }) : onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          onClick,
+          variant: "ghost",
+          size: "sm",
+          startContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusIcon, {}),
+          endContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronRightIcon, {}),
+          children: i18n.assignNow
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellUnassigned(), children: i18n.unassigned })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Table

package/dist/index.mjs

@@ -1,8 +1,8 @@
 "use client";
 import {
   namespace_exports
-} from "./chunk-QXAVSODK.mjs";
-import "./chunk-CSL5I4TN.mjs";
+} from "./chunk-Q2IBTYJF.mjs";
+import "./chunk-DE7P7UPE.mjs";
 export {
   namespace_exports as Table
 };

package/dist/namespace.d.mts

@@ -1,10 +1,10 @@
-import { TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeaderCell, TableHeaderCellProps, TableRoot, TableRootProps, TableRow, TableRowProps } from './table.mjs';
+import { TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeaderCell, TableHeaderCellProps, TableOwnerCellValue, TableOwnerCellValueProps, TableRoot, TableRootProps, TableRow, TableRowProps } from './table.mjs';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';
 
 declare namespace namespace {
-  export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps };
+  export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableOwnerCellValue as OwnerCellValue, TableOwnerCellValueProps as OwnerCellValueProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps };
 }
 
-export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps, namespace as n };
+export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableOwnerCellValue as OwnerCellValue, TableOwnerCellValueProps as OwnerCellValueProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps, namespace as n };

package/dist/namespace.d.ts

@@ -1,10 +1,10 @@
-import { TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeaderCell, TableHeaderCellProps, TableRoot, TableRootProps, TableRow, TableRowProps } from './table.js';
+import { TableBody, TableBodyProps, TableCell, TableCellProps, TableHead, TableHeadProps, TableHeaderCell, TableHeaderCellProps, TableOwnerCellValue, TableOwnerCellValueProps, TableRoot, TableRootProps, TableRow, TableRowProps } from './table.js';
 import 'react/jsx-runtime';
 import '@kopexa/theme';
 import 'react';
 
 declare namespace namespace {
-  export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps };
+  export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableOwnerCellValue as OwnerCellValue, TableOwnerCellValueProps as OwnerCellValueProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps };
 }
 
-export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps, namespace as n };
+export { TableBody as Body, TableBodyProps as BodyProps, TableCell as Cell, TableCellProps as CellProps, TableHead as Head, TableHeadProps as HeadProps, TableHeaderCell as HeaderCell, TableHeaderCellProps as HeaderCellProps, TableOwnerCellValue as OwnerCellValue, TableOwnerCellValueProps as OwnerCellValueProps, TableRoot as Root, TableRootProps as RootProps, TableRow as Row, TableRowProps as RowProps, namespace as n };

package/dist/namespace.js

@@ -25,12 +25,16 @@ __export(namespace_exports, {
   Cell: () => TableCell,
   Head: () => TableHead,
   HeaderCell: () => TableHeaderCell,
+  OwnerCellValue: () => TableOwnerCellValue,
   Root: () => TableRoot,
   Row: () => TableRow
 });
 module.exports = __toCommonJS(namespace_exports);
 
 // src/table.tsx
+var import_avatar = require("@kopexa/avatar");
+var import_button = require("@kopexa/button");
+var import_icons = require("@kopexa/icons");
 var import_react_utils = require("@kopexa/react-utils");
 var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
@@ -165,12 +169,79 @@ function TableCell(props) {
     }
   );
 }
+var defaultOwnerTranslations = {
+  unassigned: "Unassigned",
+  assignNow: "Assign now"
+};
+function TableOwnerCellValue({
+  className,
+  owner,
+  description,
+  onClick,
+  translations,
+  ...rest
+}) {
+  const { styles } = useTableContext();
+  const ownerName = (0, import_react.useMemo)(() => {
+    if (owner == null ? void 0 : owner.name) {
+      return owner.name;
+    }
+    if ((owner == null ? void 0 : owner.firstName) && (owner == null ? void 0 : owner.lastName)) {
+      return `${owner.firstName} ${owner.lastName}`;
+    }
+    return "";
+  }, [owner]);
+  const i18n = (0, import_react.useMemo)(() => {
+    return {
+      ...defaultOwnerTranslations,
+      ...translations
+    };
+  }, [translations]);
+  const hasOwner = (0, import_react.useMemo)(() => {
+    return !!owner;
+  }, [owner]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "table-owner-cell",
+      className: styles.ownerCell({ className }),
+      ...rest,
+      children: hasOwner ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_avatar.Avatar,
+          {
+            src: owner == null ? void 0 : owner.avatar,
+            alt: owner == null ? void 0 : owner.name,
+            name: ownerName,
+            size: "sm",
+            className: styles.ownerCellAvatar()
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.ownerCelltextWrapper(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellName(), children: ownerName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellDescription(), children: description != null ? description : owner == null ? void 0 : owner.email })
+        ] })
+      ] }) : onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          onClick,
+          variant: "ghost",
+          size: "sm",
+          startContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusIcon, {}),
+          endContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronRightIcon, {}),
+          children: i18n.assignNow
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellUnassigned(), children: i18n.unassigned })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Body,
   Cell,
   Head,
   HeaderCell,
+  OwnerCellValue,
   Root,
   Row
 });

package/dist/namespace.mjs

@@ -1,18 +1,20 @@
 "use client";
-import "./chunk-QXAVSODK.mjs";
+import "./chunk-Q2IBTYJF.mjs";
 import {
   TableBody,
   TableCell,
   TableHead,
   TableHeaderCell,
+  TableOwnerCellValue,
   TableRoot,
   TableRow
-} from "./chunk-CSL5I4TN.mjs";
+} from "./chunk-DE7P7UPE.mjs";
 export {
   TableBody as Body,
   TableCell as Cell,
   TableHead as Head,
   TableHeaderCell as HeaderCell,
+  TableOwnerCellValue as OwnerCellValue,
   TableRoot as Root,
   TableRow as Row
 };

package/dist/table.d.mts

@@ -39,5 +39,21 @@ type TableCellProps = ComponentProps<"td"> & {
     isStickyCell?: boolean;
 };
 declare function TableCell(props: TableCellProps): react_jsx_runtime.JSX.Element;
+type TableOwnerCellValueProps = Omit<ComponentProps<"div">, "children" | "onClick"> & {
+    owner?: {
+        firstName?: string;
+        lastName?: string;
+        name?: string;
+        email?: string;
+        avatar?: string;
+    } | null;
+    description?: string;
+    translations?: {
+        unassigned?: string;
+        assignNow?: string;
+    };
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare function TableOwnerCellValue({ className, owner, description, onClick, translations, ...rest }: TableOwnerCellValueProps): react_jsx_runtime.JSX.Element;
 
-export { TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, TableRoot, type TableRootProps, TableRow, type TableRowProps };
+export { TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, TableOwnerCellValue, type TableOwnerCellValueProps, TableRoot, type TableRootProps, TableRow, type TableRowProps };

package/dist/table.d.ts

@@ -39,5 +39,21 @@ type TableCellProps = ComponentProps<"td"> & {
     isStickyCell?: boolean;
 };
 declare function TableCell(props: TableCellProps): react_jsx_runtime.JSX.Element;
+type TableOwnerCellValueProps = Omit<ComponentProps<"div">, "children" | "onClick"> & {
+    owner?: {
+        firstName?: string;
+        lastName?: string;
+        name?: string;
+        email?: string;
+        avatar?: string;
+    } | null;
+    description?: string;
+    translations?: {
+        unassigned?: string;
+        assignNow?: string;
+    };
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+};
+declare function TableOwnerCellValue({ className, owner, description, onClick, translations, ...rest }: TableOwnerCellValueProps): react_jsx_runtime.JSX.Element;
 
-export { TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, TableRoot, type TableRootProps, TableRow, type TableRowProps };
+export { TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHead, type TableHeadProps, TableHeaderCell, type TableHeaderCellProps, TableOwnerCellValue, type TableOwnerCellValueProps, TableRoot, type TableRootProps, TableRow, type TableRowProps };

package/dist/table.js

@@ -25,10 +25,14 @@ __export(table_exports, {
   TableCell: () => TableCell,
   TableHead: () => TableHead,
   TableHeaderCell: () => TableHeaderCell,
+  TableOwnerCellValue: () => TableOwnerCellValue,
   TableRoot: () => TableRoot,
   TableRow: () => TableRow
 });
 module.exports = __toCommonJS(table_exports);
+var import_avatar = require("@kopexa/avatar");
+var import_button = require("@kopexa/button");
+var import_icons = require("@kopexa/icons");
 var import_react_utils = require("@kopexa/react-utils");
 var import_shared_utils = require("@kopexa/shared-utils");
 var import_theme = require("@kopexa/theme");
@@ -163,12 +167,79 @@ function TableCell(props) {
     }
   );
 }
+var defaultOwnerTranslations = {
+  unassigned: "Unassigned",
+  assignNow: "Assign now"
+};
+function TableOwnerCellValue({
+  className,
+  owner,
+  description,
+  onClick,
+  translations,
+  ...rest
+}) {
+  const { styles } = useTableContext();
+  const ownerName = (0, import_react.useMemo)(() => {
+    if (owner == null ? void 0 : owner.name) {
+      return owner.name;
+    }
+    if ((owner == null ? void 0 : owner.firstName) && (owner == null ? void 0 : owner.lastName)) {
+      return `${owner.firstName} ${owner.lastName}`;
+    }
+    return "";
+  }, [owner]);
+  const i18n = (0, import_react.useMemo)(() => {
+    return {
+      ...defaultOwnerTranslations,
+      ...translations
+    };
+  }, [translations]);
+  const hasOwner = (0, import_react.useMemo)(() => {
+    return !!owner;
+  }, [owner]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "table-owner-cell",
+      className: styles.ownerCell({ className }),
+      ...rest,
+      children: hasOwner ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_avatar.Avatar,
+          {
+            src: owner == null ? void 0 : owner.avatar,
+            alt: owner == null ? void 0 : owner.name,
+            name: ownerName,
+            size: "sm",
+            className: styles.ownerCellAvatar()
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.ownerCelltextWrapper(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellName(), children: ownerName }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellDescription(), children: description != null ? description : owner == null ? void 0 : owner.email })
+        ] })
+      ] }) : onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_button.Button,
+        {
+          onClick,
+          variant: "ghost",
+          size: "sm",
+          startContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusIcon, {}),
+          endContent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ChevronRightIcon, {}),
+          children: i18n.assignNow
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.ownerCellUnassigned(), children: i18n.unassigned })
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TableBody,
   TableCell,
   TableHead,
   TableHeaderCell,
+  TableOwnerCellValue,
   TableRoot,
   TableRow
 });

package/dist/table.mjs

@@ -4,14 +4,16 @@ import {
   TableCell,
   TableHead,
   TableHeaderCell,
+  TableOwnerCellValue,
   TableRoot,
   TableRow
-} from "./chunk-CSL5I4TN.mjs";
+} from "./chunk-DE7P7UPE.mjs";
 export {
   TableBody,
   TableCell,
   TableHead,
   TableHeaderCell,
+  TableOwnerCellValue,
   TableRoot,
   TableRow
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/table",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "ables are used to display tabular data using rows and columns. ",
   "keywords": [
     "table"
@@ -28,12 +28,15 @@
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
     "motion": ">=12.23.6",
-    "@kopexa/theme": "1.6.0"
+    "@kopexa/theme": "1.6.2"
   },
   "dependencies": {
     "@kopexa/shared-utils": "1.1.5",
     "@kopexa/react-utils": "2.0.6",
-    "@kopexa/use-hover": "0.0.1"
+    "@kopexa/use-hover": "0.0.1",
+    "@kopexa/button": "7.0.2",
+    "@kopexa/avatar": "2.0.2",
+    "@kopexa/icons": "9.0.2"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",