@dust-tt/sparkle 0.2.288 → 0.2.289-rc-2

package/dist/esm/stories/Item.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.stories.js","sourceRoot":"","sources":["../../../src/stories/Item.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,QAAQ,GACT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEtD,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACY,CAAC;AAE9B,eAAe,IAAI,CAAC;AAEpB,MAAM,CAAC,IAAM,eAAe,GAAG,cAAM,OAAA,CACnC,6BAAK,SAAS,EAAC,8BAA8B;IAC3C;;QAEE,6BAAK,SAAS,EAAC,mFAAmF;YAChG,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,UAAU;gBAC7B,oBAAC,IAAI,CAAC,aAAa,IAAC,KAAK,EAAC,gBAAgB,GAAG;gBAC7C,oBAAC,IAAI,CAAC,KAAK,IACT,KAAK,EAAC,oDAAoD,EAC1D,QAAQ,SACR;gBACF,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAC7B,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,oDAAoD,GAAG;gBACzE,oBAAC,IAAI,CAAC,aAAa,IAAC,KAAK,EAAC,gBAAgB,GAAG;gBAC7C,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,oDAAoD,GAAG;gBACzE,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,GAAG;gBAC7B,oBAAC,IAAI,CAAC,KAAK,IAAC,KAAK,EAAC,oDAAoD,GAAG,CAC/D,CACR,CACF;IACN;;QAEE,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ;YAC3B,oBAAC,IAAI,CAAC,aAAa,IAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAC,WAAW,GAAG;YACjE,oBAAC,IAAI,CAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,SAAG;YAChE,oBAAC,IAAI,CAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,aAAa,GAAI;YACvD,oBAAC,IAAI,CAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,aAAa,EAAE,QAAQ,SAAG;YAChE,oBAAC,IAAI,CAAC,aAAa,IAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,EAAC,WAAW,GAAG;YACjE,oBAAC,IAAI,CAAC,UAAU,IACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,GACpC;YACF,oBAAC,IAAI,CAAC,UAAU,IACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,GACpC;YACF,oBAAC,IAAI,CAAC,UAAU,IACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,EACpC,QAAQ,SACR;YACF,oBAAC,IAAI,CAAC,UAAU,IACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,oBAAoB,EAChC,MAAM,EAAE,QAAQ,GAChB;YAEF,oBAAC,IAAI,CAAC,UAAU,IACd,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,gCAAgC,EAC5C,SAAS,EAAE,KAAK,GAChB,CACQ,CACR;IACN,6BAAK,SAAS,EAAC,2BAA2B;;QAExC;YACE,oBAAC,YAAY;gBACX,oBAAC,YAAY,CAAC,MAAM,IAAC,KAAK,EAAC,MAAM,GAAG;gBACpC,oBAAC,YAAY,CAAC,KAAK;oBACjB,oBAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAI;oBACzD,oBAAC,YAAY,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,GAAI,CACtC,CACR,CACX;QACN;YACE,oBAAC,YAAY;gBACX,oBAAC,YAAY,CAAC,MAAM,IAAC,KAAK,EAAC,MAAM,GAAG;gBACpC,oBAAC,YAAY,CAAC,KAAK;oBACjB,oBAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACnB,IAAI,EAAE,aAAa,GACnB;oBACF,oBAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACnB,IAAI,EAAE,aAAa,GACnB,CACiB,CACR,CACX;QACN;YACE,oBAAC,YAAY;gBACX,oBAAC,YAAY,CAAC,MAAM,IAAC,KAAK,EAAC,MAAM,GAAG;gBACpC,oBAAC,YAAY,CAAC,KAAK;oBACjB,oBAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACnB,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,GACpC;oBACF,oBAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,EAAE,QAAQ,EAAE,EACnD,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,GACpC;oBACF,oBAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACnB,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,GACpC;oBACF,oBAAC,YAAY,CAAC,IAAI,IAChB,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EACnB,IAAI,EAAE,aAAa,EACnB,WAAW,EAAC,wBAAwB,GACpC,CACiB,CACR,CACX,CACF;IAEN;;QAEE,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ;YAC3B,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,2BAA2B,EACvC,MAAM,EAAC,sDAAsD,GAC7D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,2BAA2B,EACvC,MAAM,EAAC,qDAAqD,GAC5D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,2BAA2B,EACvC,MAAM,EAAC,uDAAuD,GAC9D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,2BAA2B,EACvC,MAAM,EAAC,oDAAoD,GAC3D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,2BAA2B,EACvC,MAAM,EAAC,qDAAqD,GAC5D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,2BAA2B,EACvC,MAAM,EAAC,qDAAqD,EAC5D,QAAQ,SACR,CACQ,CACR;IAEN;;QAEE,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ;YAC3B,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,sDAAsD,GAC7D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,qDAAqD,GAC5D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,uDAAuD,GAC9D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,oDAAoD,GAC3D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,qDAAqD,GAC5D;YACF,oBAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAC,SAAS,EACf,MAAM,EAAC,qDAAqD,EAC5D,QAAQ,SACR,CACQ,CACR;IACN;;QAEE,oBAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,QAAQ;YAC3B,oBAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,EAAC,IAAI,EAAE,aAAa,GAAI;YAC5D,oBAAC,IAAI,CAAC,IAAI,IACR,KAAK,EAAC,wBAAwB,EAC9B,WAAW,EAAC,2BAA2B,EACvC,IAAI,EAAE,cAAc,GACpB,CACQ,CACR,CACF,CACP,EAvMoC,CAuMpC,CAAC"}
+{"version":3,"file":"Item.stories.js","sourceRoot":"","sources":["../../../src/stories/Item.stories.tsx"],"names":[],"mappings":"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"}

package/dist/esm/stories/Tabs.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,sBAkBzB"}
+{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,QAAA,MAAM,IAAI;;CAEM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,wBAAgB,UAAU,sBAuBzB"}

package/dist/esm/stories/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;CACV,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,oBAAC,IAAI,IAAC,YAAY,EAAC,SAAS;QAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB;YAC3C,oBAAC,WAAW,IACV,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,WAAW,GACjB;YACF,oBAAC,WAAW,IAAC,QAAQ,QAAC,KAAK,EAAC,UAAU,EAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,GAAI;YAC5E,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,aAAa,GAAI,CAC5C;QACX,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAAoB;QAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAAoB;QACjD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,eAAuB,CAC/C,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/stories/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,WAAW,GACZ,MAAM,uBAAuB,CAAC;AAE/B,IAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;CACV,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,MAAM,UAAU,UAAU;IACxB,OAAO,CACL,oBAAC,IAAI,IAAC,YAAY,EAAC,SAAS;QAC1B,oBAAC,QAAQ,IAAC,SAAS,EAAC,yBAAyB;YAC3C,oBAAC,WAAW,IACV,KAAK,EAAC,SAAS,EACf,KAAK,EAAC,OAAO,EACb,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,WAAW,GACjB;YACF,oBAAC,WAAW,IACV,QAAQ,QACR,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,OAAO,EACb,IAAI,EAAE,aAAa,GACnB;YACF,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,aAAa,GAAI,CAC5C;QACX,oBAAC,WAAW,IAAC,KAAK,EAAC,SAAS,YAAoB;QAChD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,YAAoB;QACjD,oBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,eAAuB,CAC/C,CACR,CAAC;AACJ,CAAC"}

package/dist/sparkle.css

@@ -745,10 +745,6 @@ select {
   bottom: 0px;
 }
 
-.s-bottom-6 {
-  bottom: 1.5rem;
-}
-
 .s-left-0 {
   left: 0px;
 }
@@ -773,10 +769,6 @@ select {
   z-index: 0;
 }
 
-.s-z-10 {
-  z-index: 10;
-}
-
 .s-z-20 {
   z-index: 20;
 }
@@ -917,22 +909,10 @@ select {
   margin-right: 0.25rem;
 }
 
-.s-mr-1\.5 {
-  margin-right: 0.375rem;
-}
-
 .s-mr-2 {
   margin-right: 0.5rem;
 }
 
-.s-mt-0 {
-  margin-top: 0px;
-}
-
-.s-mt-0\.5 {
-  margin-top: 0.125rem;
-}
-
 .s-mt-14 {
   margin-top: 3.5rem;
 }
@@ -974,10 +954,6 @@ select {
   -webkit-line-clamp: 3;
 }
 
-.s-inline-block {
-  display: inline-block;
-}
-
 .s-flex {
   display: flex;
 }
@@ -1131,10 +1107,6 @@ select {
   height: 1px;
 }
 
-.s-max-h-\[344px\] {
-  max-height: 344px;
-}
-
 .s-max-h-full {
   max-height: 100%;
 }
@@ -1369,27 +1341,6 @@ select {
   border-collapse: collapse;
 }
 
-.s-origin-bottom-left {
-  transform-origin: bottom left;
-}
-
-.s-origin-bottom-right {
-  transform-origin: bottom right;
-}
-
-.s-origin-top-left {
-  transform-origin: top left;
-}
-
-.s-origin-top-right {
-  transform-origin: top right;
-}
-
-.-s-translate-y-5 {
-  --tw-translate-y: -1.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .s-translate-x-0 {
   --tw-translate-x: 0px;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1430,11 +1381,6 @@ select {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.s-translate-y-5 {
-  --tw-translate-y: 1.25rem;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .s-scale-100 {
   --tw-scale-x: 1;
   --tw-scale-y: 1;
@@ -1779,10 +1725,6 @@ select {
   overflow: hidden;
 }
 
-.s-overflow-visible {
-  overflow: visible;
-}
-
 .s-overflow-x-auto {
   overflow-x: auto;
 }
@@ -2208,11 +2150,6 @@ select {
   border-color: rgb(203 213 225 / 0.3);
 }
 
-.s-border-structure-50 {
-  --tw-border-opacity: 1;
-  border-color: rgb(248 250 252 / var(--tw-border-opacity));
-}
-
 .s-border-teal-100 {
   --tw-border-opacity: 1;
   border-color: rgb(204 251 241 / var(--tw-border-opacity));
@@ -4381,10 +4318,6 @@ select {
   transition-duration: 300ms;
 }
 
-.s-duration-75 {
-  transition-duration: 75ms;
-}
-
 .s-ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -4445,10 +4378,6 @@ select {
   animation-duration: 300ms;
 }
 
-.s-duration-75 {
-  animation-duration: 75ms;
-}
-
 .s-ease-in {
   animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }
@@ -4868,16 +4797,6 @@ select {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
-.s-group\/dm:hover .group-hover\/dm\:s-text-action-400 {
-  --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
-}
-
-.s-group\/dm:hover .group-hover\/dm\:s-text-action-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
-}
-
 .s-group\/item:hover .group-hover\/item\:s-text-action-400 {
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -5034,11 +4953,6 @@ select {
   --tw-enter-translate-y: 0.5rem;
 }
 
-:is(.s-dark .dark\:s-border-structure-100-dark) {
-  --tw-border-opacity: 1;
-  border-color: rgb(30 41 59 / var(--tw-border-opacity));
-}
-
 :is(.s-dark .dark\:s-border-structure-200-dark\/50) {
   border-color: rgb(51 65 85 / 0.5);
 }
@@ -5072,11 +4986,6 @@ select {
   background-color: rgb(14 165 233 / var(--tw-bg-opacity));
 }
 
-:is(.s-dark .dark\:s-bg-structure-0-dark) {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
 :is(.s-dark .dark\:s-bg-structure-200-dark) {
   --tw-bg-opacity: 1;
   background-color: rgb(51 65 85 / var(--tw-bg-opacity));
@@ -5206,11 +5115,6 @@ select {
   --tw-ring-color: rgb(185 28 28 / var(--tw-ring-opacity));
 }
 
-:is(.s-dark .dark\:active\:s-text-action-600:active) {
-  --tw-text-opacity: 1;
-  color: rgb(37 99 235 / var(--tw-text-opacity));
-}
-
 :is(.s-dark .dark\:active\:s-text-action-600-dark:active) {
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity));
@@ -5236,16 +5140,6 @@ select {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
-:is(.s-dark .s-group\/dm:hover .dark\:group-hover\/dm\:s-text-action-400) {
-  --tw-text-opacity: 1;
-  color: rgb(96 165 250 / var(--tw-text-opacity));
-}
-
-:is(.s-dark .s-group\/dm:hover .dark\:group-hover\/dm\:s-text-action-500-dark) {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
-}
-
 :is(.s-dark .s-group\/item:hover .dark\:group-hover\/item\:s-text-action-600-dark) {
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dust-tt/sparkle",
-  "version": "0.2.288",
+  "version": "0.2.289-rc-2",
   "scripts": {
     "build": "rm -rf dist && npm run tailwind && npm run build:esm && npm run build:cjs",
     "tailwind": "tailwindcss -i ./src/styles/tailwind.css -o dist/sparkle.css",

package/src/components/Breadcrumbs.tsx

@@ -1,8 +1,15 @@
 import type { ComponentType } from "react";
 import React from "react";
 
-import { DropdownMenu } from "@sparkle/components/DropdownMenu";
+import { Button } from "@sparkle/components/Button";
 import { Icon } from "@sparkle/components/Icon";
+import {
+  NewDropdownMenu,
+  NewDropdownMenuContent,
+  NewDropdownMenuGroup,
+  NewDropdownMenuItem,
+  NewDropdownMenuTrigger,
+} from "@sparkle/components/NewDropdown";
 import { Tooltip } from "@sparkle/components/Tooltip";
 import { SparkleContext, SparkleContextLinkType } from "@sparkle/context";
 import { ChevronRightIcon } from "@sparkle/icons";
@@ -56,24 +63,24 @@ export function Breadcrumbs({ items }: BreadcrumbProps) {
           >
             <Icon visual={item.icon} className="s-text-brand" />
             {item.label === ELLIPSIS_STRING ? (
-              <DropdownMenu>
-                <DropdownMenu.Button>{ELLIPSIS_STRING}</DropdownMenu.Button>
-                <DropdownMenu.Items origin="topLeft">
-                  {itemsHidden.map((item, index) => (
-                    <DropdownMenu.Item
-                      icon={item.icon}
-                      label={item.label}
-                      link={item.href ? { href: item.href } : undefined}
-                      key={`breadcrumbs-hidden-${index}`}
-                    >
-                      {truncateWithTooltip(
-                        item.label,
-                        LABEL_TRUNCATE_LENGTH_MIDDLE
-                      )}
-                    </DropdownMenu.Item>
-                  ))}
-                </DropdownMenu.Items>
-              </DropdownMenu>
+              <NewDropdownMenu>
+                <NewDropdownMenuTrigger asChild>
+                  <Button variant="ghost" label={ELLIPSIS_STRING} />
+                </NewDropdownMenuTrigger>
+
+                <NewDropdownMenuContent align="start" className="min-w-[220px]">
+                  <NewDropdownMenuGroup>
+                    {itemsHidden.map((item, index) => (
+                      <NewDropdownMenuItem
+                        key={`breadcrumbs-hidden-${index}`}
+                        href={item.href}
+                        icon={item.icon}
+                        label={item.label}
+                      />
+                    ))}
+                  </NewDropdownMenuGroup>
+                </NewDropdownMenuContent>
+              </NewDropdownMenu>
             ) : (
               <div>
                 <Link

package/src/components/Button.tsx

@@ -86,7 +86,7 @@ interface MetaButtonProps
   extends React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
   asChild?: boolean;
-  variant?: ButtonVariantType;
+  variant?: ButtonVariantType | null;
 }
 
 const MetaButton = React.forwardRef<HTMLButtonElement, MetaButtonProps>(
@@ -98,7 +98,7 @@ const MetaButton = React.forwardRef<HTMLButtonElement, MetaButtonProps>(
 
     return (
       <Comp
-        className={cn(buttonVariants({ variant, size }), className)}
+        className={cn(variant && buttonVariants({ variant, size }), className)}
         ref={ref}
         {...props}
       >
@@ -136,8 +136,8 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
   ) => {
     const buttonSize = size || "sm";
     const spinnerVariant = isLoading
-      ? spinnerVariantsMapIsLoading[variant] || "slate400"
-      : spinnerVariantsMap[variant] || "slate400";
+      ? (variant && spinnerVariantsMapIsLoading[variant]) || "slate400"
+      : (variant && spinnerVariantsMap[variant]) || "slate400";
 
     const renderIcon = (visual: React.ComponentType, extraClass = "") => (
       <Icon visual={visual} size={buttonSize} className={extraClass} />

package/src/components/DataTable.tsx

@@ -15,11 +15,15 @@ import {
 import React, { ReactNode, useEffect, useState } from "react";
 
 import { Avatar } from "@sparkle/components/Avatar";
-import {
-  DropdownItemProps,
-  DropdownMenu,
-} from "@sparkle/components/DropdownMenu";
 import { IconButton } from "@sparkle/components/IconButton";
+import {
+  NewDropdownMenu,
+  NewDropdownMenuContent,
+  NewDropdownMenuGroup,
+  NewDropdownMenuItem,
+  NewDropdownMenuItemProps,
+  NewDropdownMenuTrigger,
+} from "@sparkle/components/NewDropdown";
 import { Pagination } from "@sparkle/components/Pagination";
 import { Tooltip } from "@sparkle/components/Tooltip";
 import {
@@ -45,7 +49,7 @@ declare module "@tanstack/react-table" {
 
 interface TBaseData {
   onClick?: () => void;
-  moreMenuItems?: DropdownItemProps[];
+  moreMenuItems?: NewDropdownMenuItemProps[];
 }
 
 interface ColumnBreakpoint {
@@ -327,7 +331,7 @@ DataTable.Body = function Body({
 interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
   children: ReactNode;
   onClick?: () => void;
-  moreMenuItems?: DropdownItemProps[];
+  moreMenuItems?: NewDropdownMenuItemProps[];
   widthClassName: string;
 }
 
@@ -353,21 +357,24 @@ DataTable.Row = function Row({
       {children}
       <td className="s-flex s-w-8 s-cursor-pointer s-items-center s-pl-1 s-text-element-600">
         {moreMenuItems && moreMenuItems.length > 0 && (
-          <DropdownMenu className="s-mr-1.5 s-flex">
-            <DropdownMenu.Button>
+          <NewDropdownMenu>
+            <NewDropdownMenuTrigger asChild>
               <IconButton
                 icon={MoreIcon}
                 size="sm"
                 variant="outline"
                 className="s-m-1"
               />
-            </DropdownMenu.Button>
-            <DropdownMenu.Items origin="topRight" width={220}>
-              {moreMenuItems?.map((item, index) => (
-                <DropdownMenu.Item key={index} {...item} />
-              ))}
-            </DropdownMenu.Items>
-          </DropdownMenu>
+            </NewDropdownMenuTrigger>
+
+            <NewDropdownMenuContent align="end" className="w-[220px]">
+              <NewDropdownMenuGroup>
+                {moreMenuItems?.map((item, index) => (
+                  <NewDropdownMenuItem key={index} {...item} />
+                ))}
+              </NewDropdownMenuGroup>
+            </NewDropdownMenuContent>
+          </NewDropdownMenu>
         )}
       </td>
     </tr>

package/src/components/IconButton.tsx

@@ -1,10 +1,9 @@
 import { cva } from "class-variance-authority";
 import React, { ComponentType, MouseEventHandler } from "react";
 
+import { Tooltip } from "@sparkle/components";
 import { Button, ButtonVariantType } from "@sparkle/components/Button";
-
-import { Icon } from "./Icon";
-import { Tooltip } from "./Tooltip";
+import { cn } from "@sparkle/lib/utils";
 
 type IconButtonProps = {
   variant?: React.ComponentProps<typeof Button>["variant"];
@@ -17,9 +16,6 @@ type IconButtonProps = {
   disabled?: boolean;
 };
 
-const baseClasses =
-  "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110";
-
 const styleVariants: Record<ButtonVariantType, string> = {
   primary:
     "s-text-action-500 dark:s-text-action-500-dark" +
@@ -53,46 +49,48 @@ const styleVariants: Record<ButtonVariantType, string> = {
     "s-text-element-500 dark:s-text-element-500-dark",
 };
 
-const iconButtonVariants = cva(baseClasses, {
-  variants: {
-    variant: styleVariants,
-    disabled: {
-      true: "s-text-element-500 s-cursor-default hover:s-scale-100",
+const iconButtonVariants = cva(
+  "s-transition-all s-ease-out s-duration-300 s-cursor-pointer hover:s-scale-110",
+  {
+    variants: {
+      variant: styleVariants,
+      disabled: {
+        true: "s-text-element-500 s-cursor-default hover:s-scale-100",
+      },
     },
-  },
-  defaultVariants: {
-    variant: "outline",
-    disabled: false,
-  },
-});
-
-export function IconButton({
-  variant,
-  onClick,
-  disabled = false,
-  tooltip,
-  tooltipPosition,
-  icon,
-  className,
-  size,
-}: IconButtonProps) {
-  const iconSize = size || "sm";
-  const buttonClasses = iconButtonVariants({ variant, disabled, className });
-
-  const IconButtonContent = (
-    <button className={buttonClasses} onClick={onClick} disabled={disabled}>
-      <Icon visual={icon} size={iconSize} />
-    </button>
-  );
+    defaultVariants: {
+      variant: "outline",
+      disabled: false,
+    },
+  }
+);
 
-  return tooltip ? (
-    <Tooltip
-      trigger={IconButtonContent}
-      label={tooltip}
-      side={tooltipPosition}
-      tooltipTriggerAsChild
+const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(
+  (
+    {
+      variant = "outline",
+      onClick,
+      disabled = false,
+      tooltip,
+      icon,
+      className,
+      size = "sm",
+      ...props
+    },
+    ref
+  ) => (
+    <Button
+      tooltip={tooltip}
+      className={cn(iconButtonVariants({ variant, disabled }), className)}
+      onClick={onClick}
+      disabled={disabled}
+      ref={ref}
+      size={size}
+      icon={icon}
+      variant={null}
+      {...props}
     />
-  ) : (
-    IconButtonContent
-  );
-}
+  )
+);
+
+export { IconButton };

package/src/components/NewDropdown.tsx

@@ -170,7 +170,7 @@ const NewDropdownMenuContent = React.forwardRef<
 ));
 NewDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
 
-type NewDropdownMenuItemProps = MutuallyExclusiveProps<
+export type NewDropdownMenuItemProps = MutuallyExclusiveProps<
   React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: ItemVariantType;

package/src/components/index.ts

@@ -27,7 +27,6 @@ export { ConversationMessageContent } from "./ConversationMessageContent";
 export { ConversationMessageHeader } from "./ConversationMessageHeader";
 export { DataTable } from "./DataTable";
 export { Dialog } from "./Dialog";
-export { DropdownMenu } from "./DropdownMenu";
 export { default as DropzoneOverlay } from "./DropzoneOverlay";
 export { ElementDialog } from "./ElementDialog";
 export { ElementModal } from "./ElementModal";
@@ -51,6 +50,7 @@ export {
   NavigationListItem,
   NavigationListLabel,
 } from "./NavigationList";
+export type { NewDropdownMenuItemProps } from "./NewDropdown";
 export {
   NewDropdownMenu,
   NewDropdownMenuCheckboxItem,

package/src/stories/DataTable.stories.tsx

@@ -6,10 +6,13 @@ import {
 } from "@tanstack/react-table";
 import React, { useMemo } from "react";
 
-import { DropdownItemProps } from "@sparkle/components/DropdownMenu";
 import { Input } from "@sparkle/components/Input";
 
-import { DataTable, FolderIcon } from "../index_with_tw_base";
+import {
+  DataTable,
+  FolderIcon,
+  NewDropdownMenuItemProps,
+} from "../index_with_tw_base";
 
 const meta = {
   title: "Components/DataTable",
@@ -29,7 +32,7 @@ type Data = {
   avatarTooltipLabel?: string;
   icon?: React.ComponentType<{ className?: string }>;
   onClick?: () => void;
-  moreMenuItems?: DropdownItemProps[];
+  moreMenuItems?: NewDropdownMenuItemProps[];
   roundedAvatar?: boolean;
 };
 

package/src/stories/IconButton.stories.tsx

@@ -22,7 +22,6 @@ export const IconButtonWithTooltip: Story = {
   args: {
     variant: "primary",
     tooltip: "Your settings",
-    tooltipPosition: "bottom",
     icon: Cog6ToothIcon,
   },
 };
@@ -31,7 +30,6 @@ export const IconButtonSecondary: Story = {
   args: {
     variant: "highlight",
     tooltip: "This a highlight IconButton",
-    tooltipPosition: "bottom",
     icon: Cog6ToothIcon,
   },
 };
@@ -40,7 +38,6 @@ export const IconButtonTertiary: Story = {
   args: {
     variant: "ghost",
     tooltip: "This a ghost IconButton",
-    tooltipPosition: "bottom",
     icon: Cog6ToothIcon,
   },
 };