@rafal.lemieszewski/tide-ui 0.87.1 → 0.87.3

package/dist/es/components/product/bookmarks.js

@@ -2,10 +2,10 @@ import { jsxs as s, jsx as e, Fragment as O } from "react/jsx-runtime";
 import * as r from "react";
 import { cn as X } from "../../lib/utils.js";
 import { Button as T } from "../fundamental/button.js";
-import { ButtonGroup as ze } from "../fundamental/button-group.js";
+import { ButtonGroup as Re } from "../fundamental/button-group.js";
 import { Icon as w } from "../fundamental/icon.js";
-import { Bookmark as re, MoreHorizontal as Re, Pencil as me, Trash2 as he, ChevronDown as pe, Star as fe, Check as Me } from "lucide-react";
-import { Separator as ve } from "../fundamental/separator.js";
+import { Bookmark as re, MoreHorizontal as me, Pencil as he, Trash2 as pe, ChevronDown as fe, Star as ve, Check as Me } from "lucide-react";
+import { Separator as ge } from "../fundamental/separator.js";
 import { Select as Oe, SelectTrigger as Te, SelectContent as Ee, SelectItem as ue, SelectSeparator as Ae, SelectGroup as Pe, SelectLabel as Ue } from "../fundamental/select.js";
 import { DropdownMenu as oe, DropdownMenuTrigger as le, DropdownMenuContent as ie, DropdownMenuItem as L, DropdownMenuSeparator as Ve } from "../fundamental/dropdown-menu.js";
 import { Popover as We, PopoverTrigger as Ie, PopoverContent as Le } from "../fundamental/popover.js";
@@ -13,7 +13,7 @@ import { Dialog as Fe, DialogContent as je, DialogHeader as $e, DialogTitle as H
 import { Input as _e } from "../fundamental/input.js";
 import { Label as qe } from "../fundamental/label.js";
 import { Badge as Je } from "../fundamental/badge.js";
-import { Skeleton as ge } from "../fundamental/skeleton.js";
+import { Skeleton as be } from "../fundamental/skeleton.js";
 const se = r.createContext(null);
 function J() {
   const t = r.useContext(se);
@@ -83,7 +83,7 @@ function Qe({
     () => C.find((d) => d.id === u),
     [C, u]
   ), h = b?.type === "system";
-  return /* @__PURE__ */ s(ze, { children: [
+  return /* @__PURE__ */ s(Re, { children: [
     /* @__PURE__ */ s(
       Oe,
       {
@@ -123,7 +123,7 @@ function Qe({
                 d.isDefault && /* @__PURE__ */ e(
                   w,
                   {
-                    name: fe,
+                    name: ve,
                     className: "h-[var(--size-2xs)] w-[var(--size-2xs)] flex-shrink-0 text-[var(--color-icon-warning-bold)]"
                   }
                 )
@@ -137,7 +137,7 @@ function Qe({
       /* @__PURE__ */ e(le, { asChild: !0, children: /* @__PURE__ */ e(
         T,
         {
-          icon: "more-horizontal",
+          icon: me,
           "aria-label": "Bookmark options",
           className: "!rounded-l-none rounded-r-md !border-l !border-l-[var(--color-border-action-outline)] focus:ring-0 data-[state=open]:ring-0"
         }
@@ -155,7 +155,7 @@ function Qe({
             },
             disabled: h,
             children: [
-              /* @__PURE__ */ e(w, { name: me, className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(w, { name: he, className: "mr-2 h-4 w-4" }),
               "Rename"
             ]
           }
@@ -173,7 +173,7 @@ function Qe({
             disabled: h,
             destructive: !0,
             children: [
-              /* @__PURE__ */ e(w, { name: he, className: "mr-2 h-4 w-4" }),
+              /* @__PURE__ */ e(w, { name: pe, className: "mr-2 h-4 w-4" }),
               "Delete"
             ]
           }
@@ -210,7 +210,7 @@ function Xe({ onUpdate: t, onCreate: o }) {
           /* @__PURE__ */ e(
             w,
             {
-              name: pe,
+              name: fe,
               className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
             }
           )
@@ -223,7 +223,7 @@ function Xe({ onUpdate: t, onCreate: o }) {
     ] })
   ] });
 }
-const be = /* @__PURE__ */ r.memo(
+const xe = /* @__PURE__ */ r.memo(
   /* @__PURE__ */ r.forwardRef(
     ({
       bookmark: t,
@@ -316,7 +316,7 @@ const be = /* @__PURE__ */ r.memo(
                     children: /* @__PURE__ */ e(
                       w,
                       {
-                        name: Re,
+                        name: me,
                         className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
                       }
                     )
@@ -330,7 +330,7 @@ const be = /* @__PURE__ */ r.memo(
                         a.stopPropagation(), P();
                       },
                       children: [
-                        /* @__PURE__ */ e(w, { name: me, className: "mr-2 h-4 w-4" }),
+                        /* @__PURE__ */ e(w, { name: he, className: "mr-2 h-4 w-4" }),
                         "Rename"
                       ]
                     }
@@ -343,7 +343,7 @@ const be = /* @__PURE__ */ r.memo(
                       },
                       destructive: !0,
                       children: [
-                        /* @__PURE__ */ e(w, { name: he, className: "mr-2 h-4 w-4" }),
+                        /* @__PURE__ */ e(w, { name: pe, className: "mr-2 h-4 w-4" }),
                         "Delete"
                       ]
                     }
@@ -351,14 +351,14 @@ const be = /* @__PURE__ */ r.memo(
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ e("div", { className: "text-heading-lg text-[var(--color-text-primary)]", children: t.isLoadingCount ? /* @__PURE__ */ e(ge, { height: 32, width: 40 }) : t.count ?? " " })
+            /* @__PURE__ */ e("div", { className: "text-heading-lg text-[var(--color-text-primary)]", children: t.isLoadingCount ? /* @__PURE__ */ e(be, { height: 32, width: 40 }) : t.count ?? " " })
           ]
         }
       );
     }
   )
 );
-be.displayName = "BookmarkTab";
+xe.displayName = "BookmarkTab";
 function Ye({
   bookmarks: t,
   systemBookmarks: o,
@@ -397,11 +397,11 @@ function Ye({
         });
         const U = 8, i = 32, z = 52;
         let q = 0, R = 0, N = !1;
-        const ce = o.length, ye = t.length > 0, Be = ce > 0 && ye ? ce : -1;
+        const ce = o.length, Be = t.length > 0, ze = ce > 0 && Be ? ce : -1;
         for (let V = 0; V < f.length; V++) {
           const ne = f[V], de = D.get(ne.id);
           if (de === void 0) continue;
-          V === Be && (N = !0, q += i + U);
+          V === ze && (N = !0, q += i + U);
           const ae = q + de + (R > 0 || N ? U : 0);
           if ((V < f.length - 1 ? ae + U + z : ae) > M)
             break;
@@ -478,7 +478,7 @@ function Ye({
           const l = _.has(n.id), p = l ? a.findIndex((D) => D.id === n.id) : -1, M = l && p === K;
           return /* @__PURE__ */ s(r.Fragment, { children: [
             /* @__PURE__ */ e(
-              be,
+              xe,
               {
                 ref: (D) => {
                   D ? k.current.set(n.id, D) : k.current.delete(n.id);
@@ -499,7 +499,7 @@ function Ye({
               }
             ),
             M && /* @__PURE__ */ e(
-              ve,
+              ge,
               {
                 type: "line",
                 layout: "horizontal",
@@ -524,7 +524,7 @@ function Ye({
               children: /* @__PURE__ */ e(
                 w,
                 {
-                  name: pe,
+                  name: fe,
                   className: "h-[var(--size-2xs)] w-[var(--size-2xs)]"
                 }
               )
@@ -563,12 +563,12 @@ function Ye({
                       !l && /* @__PURE__ */ e("div", { className: "w-[var(--size-2xs)]", "aria-hidden": "true" }),
                       /* @__PURE__ */ s("div", { className: "flex flex-1 items-center gap-[var(--space-xs)]", children: [
                         /* @__PURE__ */ e("span", { className: "truncate", children: n.name }),
-                        (n.count !== void 0 || n.isLoadingCount) && /* @__PURE__ */ e(Je, { size: "s", intent: "neutral", appearance: "subtle", children: n.isLoadingCount ? /* @__PURE__ */ e(ge, { height: 16, width: 24 }) : n.count })
+                        (n.count !== void 0 || n.isLoadingCount) && /* @__PURE__ */ e(Je, { size: "s", intent: "neutral", appearance: "subtle", children: n.isLoadingCount ? /* @__PURE__ */ e(be, { height: 16, width: 24 }) : n.count })
                       ] }),
                       n.isDefault && /* @__PURE__ */ e(
                         w,
                         {
-                          name: fe,
+                          name: ve,
                           className: "h-[var(--size-2xs)] w-[var(--size-2xs)] text-[var(--color-icon-warning-bold)]",
                           "aria-hidden": "true"
                         }
@@ -593,20 +593,20 @@ function Ye({
     }
   );
 }
-function xe({ children: t }) {
-  return /* @__PURE__ */ e(O, { children: t });
-}
 function we({ children: t }) {
   return /* @__PURE__ */ e(O, { children: t });
 }
 function Ce({ children: t }) {
   return /* @__PURE__ */ e(O, { children: t });
 }
-function ke() {
+function ke({ children: t }) {
+  return /* @__PURE__ */ e(O, { children: t });
+}
+function De() {
   const { isDirty: t, handleRevert: o } = J();
   return t ? /* @__PURE__ */ e(T, { variant: "ghost", onClick: o, className: "h-[var(--size-m)]", children: "Revert changes" }) : null;
 }
-function De() {
+function Ne() {
   const { isDirty: t, isSystemBookmark: o, openCreateDialog: u } = J();
   return !t || !o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Create bookmark" });
 }
@@ -614,11 +614,11 @@ function Ze() {
   const { isDirty: t, isSystemBookmark: o, handleUpdate: u } = J();
   return !t || o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Update bookmark" });
 }
-function Ne() {
+function Se() {
   const { isDirty: t, isSystemBookmark: o, handleRevert: u } = J();
   return !t || !o ? null : /* @__PURE__ */ e(T, { variant: "ghost", onClick: u, className: "h-[var(--size-m)]", children: "Reset" });
 }
-function Se() {
+function ye() {
   const { isDirty: t, isSystemBookmark: o, handleUpdate: u, openCreateDialog: c } = J();
   return !t || o ? null : /* @__PURE__ */ e(
     Xe,
@@ -631,13 +631,13 @@ function Se() {
 function en() {
   const { isDirty: t, isSystemBookmark: o } = J();
   return t ? /* @__PURE__ */ s(O, { children: [
-    /* @__PURE__ */ e(ve, { type: "dot", layout: "horizontal" }),
+    /* @__PURE__ */ e(ge, { type: "dot", layout: "horizontal" }),
     o ? /* @__PURE__ */ s(O, { children: [
-      /* @__PURE__ */ e(Ne, {}),
-      /* @__PURE__ */ e(De, {})
+      /* @__PURE__ */ e(Se, {}),
+      /* @__PURE__ */ e(Ne, {})
     ] }) : /* @__PURE__ */ s(O, { children: [
-      /* @__PURE__ */ e(ke, {}),
-      /* @__PURE__ */ e(Se, {})
+      /* @__PURE__ */ e(De, {}),
+      /* @__PURE__ */ e(ye, {})
     ] })
   ] }) : null;
 }
@@ -694,7 +694,7 @@ function E({
     let i = null, z = null, q = null;
     const R = [];
     return r.Children.forEach(g, (N) => {
-      r.isValidElement(N) ? N.type === xe ? i = N.props.children : N.type === we ? z = N.props.children : N.type === Ce ? q = N.props.children : R.push(N) : R.push(N);
+      r.isValidElement(N) ? N.type === we ? i = N.props.children : N.type === Ce ? z = N.props.children : N.type === ke ? q = N.props.children : R.push(N) : R.push(N);
     }), !i && R.length > 0 && (i = R), {
       contentSlot: i,
       actionsSlot: z,
@@ -810,25 +810,25 @@ function E({
     )
   ] });
 }
-E.Content = xe;
-E.Actions = we;
-E.Settings = Ce;
+E.Content = we;
+E.Actions = Ce;
+E.Settings = ke;
 E.DefaultActions = en;
-E.RevertButton = ke;
-E.CreateButton = De;
+E.RevertButton = De;
+E.CreateButton = Ne;
 E.SaveButton = Ze;
-E.ResetButton = Ne;
-E.SaveDropdown = Se;
+E.ResetButton = Se;
+E.SaveDropdown = ye;
 export {
   E as Bookmarks,
-  we as BookmarksActions,
-  xe as BookmarksContent,
-  De as BookmarksCreateButton,
+  Ce as BookmarksActions,
+  we as BookmarksContent,
+  Ne as BookmarksCreateButton,
   en as BookmarksDefaultActions,
-  Ne as BookmarksResetButton,
-  ke as BookmarksRevertButton,
+  Se as BookmarksResetButton,
+  De as BookmarksRevertButton,
   Ze as BookmarksSaveButton,
-  Se as BookmarksSaveDropdown,
-  Ce as BookmarksSettings,
+  ye as BookmarksSaveDropdown,
+  ke as BookmarksSettings,
   J as useBookmarksActions
 };

package/dist/es/components/product/data-table-settings-menu.js

@@ -5,8 +5,8 @@ import { DropdownMenu as X, DropdownMenuTrigger as Y, DropdownMenuContent as _,
 import { Select as v, SelectTrigger as b, SelectValue as w, SelectContent as x, SelectItem as o } from "../fundamental/select.js";
 import { Toggle as ne } from "../fundamental/toggle.js";
 import { Icon as R } from "../fundamental/icon.js";
-import { ArrowDownNarrowWide as ie, ArrowDownWideNarrow as ae } from "lucide-react";
-import { Input as re } from "../fundamental/input.js";
+import { Settings as ie, ArrowDownNarrowWide as ae, ArrowDownWideNarrow as re } from "lucide-react";
+import { Input as se } from "../fundamental/input.js";
 function j(a) {
   if (a?.directionOptions)
     return a.directionOptions;
@@ -23,7 +23,7 @@ function j(a) {
     }
   return { asc: "Ascending", desc: "Descending" };
 }
-function ge({
+function me({
   sortableColumns: a,
   selectedSortColumn: l,
   sortDirection: C = "asc",
@@ -73,7 +73,7 @@ function ge({
       U,
       {
         size: "m",
-        icon: "settings",
+        icon: ie,
         "aria-label": "Table settings",
         className: k
       }
@@ -96,11 +96,11 @@ function ge({
                   /* @__PURE__ */ n(b, { size: "s", children: /* @__PURE__ */ n(w, {}) }),
                   /* @__PURE__ */ i(x, { children: [
                     /* @__PURE__ */ n(o, { value: "asc", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ n(R, { name: ie, size: "s" }),
+                      /* @__PURE__ */ n(R, { name: ae, size: "s" }),
                       /* @__PURE__ */ n("span", { children: H.asc })
                     ] }) }),
                     /* @__PURE__ */ n(o, { value: "desc", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ n(R, { name: ae, size: "s" }),
+                      /* @__PURE__ */ n(R, { name: re, size: "s" }),
                       /* @__PURE__ */ n("span", { children: H.desc })
                     ] }) })
                   ] })
@@ -124,7 +124,7 @@ function ge({
       $ && /* @__PURE__ */ n("div", { className: "p-3", children: /* @__PURE__ */ i("div", { className: "space-y-2", role: "group", "aria-labelledby": T, children: [
         /* @__PURE__ */ n("h4", { id: T, className: "text-label-sm text-[var(--color-text-tertiary)]", children: "Display columns" }),
         K && /* @__PURE__ */ n(
-          re,
+          se,
           {
             type: "search",
             size: "s",
@@ -166,5 +166,5 @@ function ge({
   ] });
 }
 export {
-  ge as DataTableSettingsMenu
+  me as DataTableSettingsMenu
 };

package/dist/es/components/product/view-mode-menu.js

@@ -8,9 +8,9 @@ import { Tabs as de, TabsList as he, TabsTrigger as D } from "../fundamental/tab
 import { Switch as ue } from "../fundamental/switch.js";
 import { Label as me } from "../fundamental/label.js";
 import { Icon as b } from "../fundamental/icon.js";
-import { ArrowDownNarrowWide as y, ArrowDownWideNarrow as M } from "lucide-react";
-import { Input as ge } from "../fundamental/input.js";
-function pe(t) {
+import { Settings as ge, ArrowDownNarrowWide as y, ArrowDownWideNarrow as M } from "lucide-react";
+import { Input as pe } from "../fundamental/input.js";
+function fe(t) {
   if (!t) return null;
   try {
     const c = localStorage.getItem(t);
@@ -19,7 +19,7 @@ function pe(t) {
     return null;
   }
 }
-function fe(t, c) {
+function ve(t, c) {
   if (t)
     try {
       localStorage.setItem(t, JSON.stringify(c));
@@ -60,7 +60,7 @@ function z(t) {
     }
   return { asc: "Ascending", desc: "Descending" };
 }
-const ve = se(
+const be = se(
   function({
     persistenceKey: c,
     defaultViewMode: g = "table",
@@ -74,7 +74,7 @@ const ve = se(
     triggerClassName: R
   }, j) {
     const [i, r] = F(() => {
-      const e = pe(c);
+      const e = fe(c);
       return e || W(g, p);
     }), [N, I] = F("");
     ie(j, () => ({
@@ -83,7 +83,7 @@ const ve = se(
         r(W(g, p));
       }
     })), L(() => {
-      fe(c, i);
+      ve(c, i);
     }, [i, c]), L(() => {
       i.viewMode === "columns" && !i.columns.groupColumn && f && f.length > 0 && r((e) => ({
         ...e,
@@ -156,7 +156,7 @@ const ve = se(
         te,
         {
           size: "m",
-          icon: "settings",
+          icon: ge,
           className: R
         }
       ) }),
@@ -219,7 +219,7 @@ const ve = se(
             Z && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
               /* @__PURE__ */ l("h4", { className: "text-label-sm text-[var(--color-text-tertiary)]", children: "Display columns" }),
               H && /* @__PURE__ */ l(
-                ge,
+                pe,
                 {
                   type: "search",
                   size: "s",
@@ -348,7 +348,7 @@ const ve = se(
     ] });
   }
 );
-ve.displayName = "ViewModeMenu";
+be.displayName = "ViewModeMenu";
 export {
-  ve as ViewModeMenu
+  be as ViewModeMenu
 };

package/dist/types/components/fundamental/custom-icons.d.cts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export declare const ChartMarkerBar: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChartMarkerLine: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChartMarkerDashline: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChartMarkerDashline2: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChartMarkerDotline: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ChartMarkerDot: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const Dot: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const BubbleSize: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const BrokenScale: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ShipUnload: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const ShipLoad: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const StarFull: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const UserCreatedBy: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const UserOwner: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const UserCharterer: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const UserBroker: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const Approved: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const PendingApproval: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const InfoFilled: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const SquareDiamond: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const SquareCornerCheck: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const SquareCornerPlus: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const SquareDashedCornerPlus: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const SquareDashedChartGantt: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const CircleDot2: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const CircleDiamond: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const CircleCheck2: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const CircleDashedArrowUp: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const CircleDashedArrowDown: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const HexagonMinus: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const HexagonAsterisk: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+export declare const HexagonDashed: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;

package/dist/types/components/fundamental/dropdown-menu.d.ts

@@ -38,7 +38,7 @@ declare const ResponsiveDropdownMenuTrigger: React.ForwardRefExoticComponent<Res
 interface ResponsiveDropdownMenuItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
     inset?: boolean;
     destructive?: boolean;
-    icon?: string;
+    icon?: string | IconComponent;
     autoClose?: boolean;
 }
 declare const ResponsiveDropdownMenuItem: React.ForwardRefExoticComponent<ResponsiveDropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
@@ -49,7 +49,7 @@ interface ResponsiveDropdownMenuCheckboxItemProps extends React.ComponentPropsWi
 declare const ResponsiveDropdownMenuCheckboxItem: React.ForwardRefExoticComponent<ResponsiveDropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
 interface ResponsiveDropdownMenuRadioItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> {
     value: string;
-    icon?: string;
+    icon?: string | IconComponent;
     autoClose?: boolean;
 }
 declare const ResponsiveDropdownMenuRadioItem: React.ForwardRefExoticComponent<ResponsiveDropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
@@ -70,7 +70,7 @@ interface ResponsiveDropdownMenuSubProps {
 declare const ResponsiveDropdownMenuSub: ({ children }: ResponsiveDropdownMenuSubProps) => import("react/jsx-runtime").JSX.Element;
 interface ResponsiveDropdownMenuSubTriggerProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> {
     inset?: boolean;
-    icon?: string;
+    icon?: string | IconComponent;
 }
 declare const ResponsiveDropdownMenuSubTrigger: React.ForwardRefExoticComponent<ResponsiveDropdownMenuSubTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 interface ResponsiveDropdownMenuSubContentProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rafal.lemieszewski/tide-ui",
-  "version": "0.87.1",
+  "version": "0.87.3",
   "description": "A comprehensive React component library built with Tailwind CSS and Radix UI primitives",
   "type": "module",
   "main": "./dist/cjs/lib/index.cjs",
@@ -112,6 +112,16 @@
         "default": "./dist/cjs/components/product/linked-chart.cjs"
       }
     },
+    "./custom-icons": {
+      "import": {
+        "types": "./dist/types/components/fundamental/custom-icons.d.ts",
+        "default": "./dist/es/components/fundamental/custom-icons.js"
+      },
+      "require": {
+        "types": "./dist/types/components/fundamental/custom-icons.d.cts",
+        "default": "./dist/cjs/components/fundamental/custom-icons.cjs"
+      }
+    },
     "./package.json": "./package.json"
   },
   "files": [