@mlw-packages/react-components 1.9.13 → 1.9.14

package/dist/index.css

@@ -860,10 +860,6 @@ body {
   width: 0.5rem;
   height: 0.5rem;
 }
-.size-2\.5 {
-  width: 0.625rem;
-  height: 0.625rem;
-}
 .size-3 {
   width: 0.75rem;
   height: 0.75rem;
@@ -1022,9 +1018,6 @@ body {
 .h-\[550px\] {
   height: 550px;
 }
-.h-\[667px\] {
-  height: 667px;
-}
 .h-\[95vh\] {
   height: 95vh;
 }
@@ -1181,9 +1174,6 @@ body {
 .w-20 {
   width: 5rem;
 }
-.w-24 {
-  width: 6rem;
-}
 .w-28 {
   width: 7rem;
 }
@@ -1289,9 +1279,6 @@ body {
 .w-\[350px\] {
   width: 350px;
 }
-.w-\[375px\] {
-  width: 375px;
-}
 .w-\[400px\] {
   width: 400px;
 }
@@ -1304,9 +1291,6 @@ body {
 .w-\[500px\] {
   width: 500px;
 }
-.w-\[52rem\] {
-  width: 52rem;
-}
 .w-\[600px\] {
   width: 600px;
 }
@@ -1944,12 +1928,6 @@ body {
 .rounded-2xl {
   border-radius: 1rem;
 }
-.rounded-\[2px\] {
-  border-radius: 2px;
-}
-.rounded-\[40px\] {
-  border-radius: 40px;
-}
 .rounded-\[inherit\] {
   border-radius: inherit;
 }
@@ -2371,15 +2349,9 @@ body {
 .bg-background\/95 {
   background-color: hsl(var(--background) / 0.95);
 }
-.bg-black\/20 {
-  background-color: rgb(0 0 0 / 0.2);
-}
 .bg-black\/40 {
   background-color: rgb(0 0 0 / 0.4);
 }
-.bg-black\/5 {
-  background-color: rgb(0 0 0 / 0.05);
-}
 .bg-black\/50 {
   background-color: rgb(0 0 0 / 0.5);
 }
@@ -3341,9 +3313,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
-.text-black\/40 {
-  color: rgb(0 0 0 / 0.4);
-}
 .text-blue-400 {
   --tw-text-opacity: 1;
   color: rgb(96 165 250 / var(--tw-text-opacity, 1));

package/dist/index.d.mts

@@ -2323,7 +2323,6 @@ interface CarouselBaseProps {
     containerClassName?: string;
     imageClassName?: string;
     width?: string;
-    height?: string;
     showControls?: boolean;
     showIndicators?: boolean;
     autoPlay?: boolean;
@@ -2336,7 +2335,7 @@ interface CarouselBaseProps {
     download?: boolean;
     isLoading?: boolean;
 }
-declare function CarouselBase({ items, className, containerClassName, imageClassName, width, height, showControls, showIndicators, autoPlay, autoPlayInterval, zoomEffect, download, isLoading, }: CarouselBaseProps): react_jsx_runtime.JSX.Element;
+declare function CarouselBase({ items, className, containerClassName, imageClassName, width, showControls, showIndicators, autoPlay, autoPlayInterval, zoomEffect, download, isLoading, }: CarouselBaseProps): react_jsx_runtime.JSX.Element;
 
 type PhosphorIcon = React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<SVGSVGElement>>;
 type MenuItem = {

package/dist/index.d.ts

@@ -2323,7 +2323,6 @@ interface CarouselBaseProps {
     containerClassName?: string;
     imageClassName?: string;
     width?: string;
-    height?: string;
     showControls?: boolean;
     showIndicators?: boolean;
     autoPlay?: boolean;
@@ -2336,7 +2335,7 @@ interface CarouselBaseProps {
     download?: boolean;
     isLoading?: boolean;
 }
-declare function CarouselBase({ items, className, containerClassName, imageClassName, width, height, showControls, showIndicators, autoPlay, autoPlayInterval, zoomEffect, download, isLoading, }: CarouselBaseProps): react_jsx_runtime.JSX.Element;
+declare function CarouselBase({ items, className, containerClassName, imageClassName, width, showControls, showIndicators, autoPlay, autoPlayInterval, zoomEffect, download, isLoading, }: CarouselBaseProps): react_jsx_runtime.JSX.Element;
 
 type PhosphorIcon = React$1.ForwardRefExoticComponent<IconProps$1 & React$1.RefAttributes<SVGSVGElement>>;
 type MenuItem = {

package/dist/index.js

@@ -18599,7 +18599,7 @@ function Leaderboard({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `border rounded-xl flex flex-col max-h-80 w-[52rem]  ${className}`,
+      className: `border rounded-xl flex flex-col max-h-80 ${className}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2 px-4 border-b flex-shrink-0 gap-3 ", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold px-1 whitespace-nowrap", children: title }),
@@ -18616,7 +18616,7 @@ function Leaderboard({
                 },
                 placeholder: "Pesquisar...",
                 leftIcon: /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { size: 16 }),
-                className: "h-8 py-1 w-24"
+                className: "h-8 py-1"
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx(
@@ -18969,7 +18969,7 @@ var Lens = ({
   );
 };
 function CarouselSkeleton({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full bg-muted rounded-lg overflow-hidden relative", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       framerMotion.motion.div,
       {
@@ -19041,7 +19041,6 @@ function CarouselBase({
   containerClassName,
   imageClassName,
   width,
-  height,
   showControls = true,
   showIndicators = true,
   autoPlay = false,
@@ -19107,7 +19106,7 @@ function CarouselBase({
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { duration: 0.3 },
-        style: { width, height },
+        style: { width },
         className: "h-full",
         children: /* @__PURE__ */ jsxRuntime.jsx(CarouselSkeleton, { className })
       },
@@ -19121,7 +19120,7 @@ function CarouselBase({
       animate: { opacity: 1 },
       transition: { duration: 0.4 },
       className: cn("w-full lg:p-10 sm:p-4 p-2", className),
-      style: { width, height },
+      style: { width },
       children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative h-full", containerClassName), children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",

package/dist/index.mjs

@@ -18556,7 +18556,7 @@ function Leaderboard({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `border rounded-xl flex flex-col max-h-80 w-[52rem]  ${className}`,
+      className: `border rounded-xl flex flex-col max-h-80 ${className}`,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2 px-4 border-b flex-shrink-0 gap-3 ", children: [
           /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold px-1 whitespace-nowrap", children: title }),
@@ -18573,7 +18573,7 @@ function Leaderboard({
                 },
                 placeholder: "Pesquisar...",
                 leftIcon: /* @__PURE__ */ jsx(MagnifyingGlassIcon, { size: 16 }),
-                className: "h-8 py-1 w-24"
+                className: "h-8 py-1"
               }
             ),
             /* @__PURE__ */ jsx(
@@ -18926,7 +18926,7 @@ var Lens = ({
   );
 };
 function CarouselSkeleton({ className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full bg-muted rounded-lg overflow-hidden relative", children: [
+  return /* @__PURE__ */ jsx("div", { className: cn("w-full h-full lg:p-10 sm:p-4 p-2", className), children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden rounded-lg h-full", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full min-h-[300px] bg-muted rounded-lg overflow-hidden relative", children: [
     /* @__PURE__ */ jsx(
       motion.div,
       {
@@ -18998,7 +18998,6 @@ function CarouselBase({
   containerClassName,
   imageClassName,
   width,
-  height,
   showControls = true,
   showIndicators = true,
   autoPlay = false,
@@ -19064,7 +19063,7 @@ function CarouselBase({
         animate: { opacity: 1 },
         exit: { opacity: 0 },
         transition: { duration: 0.3 },
-        style: { width, height },
+        style: { width },
         className: "h-full",
         children: /* @__PURE__ */ jsx(CarouselSkeleton, { className })
       },
@@ -19078,7 +19077,7 @@ function CarouselBase({
       animate: { opacity: 1 },
       transition: { duration: 0.4 },
       className: cn("w-full lg:p-10 sm:p-4 p-2", className),
-      style: { width, height },
+      style: { width },
       children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 h-full", children: /* @__PURE__ */ jsxs("div", { className: cn("relative h-full", containerClassName), children: [
         /* @__PURE__ */ jsx(
           "div",

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.9.13",
+  "version": "1.9.14",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",
@@ -15,7 +15,7 @@
   "types": "dist/index.d.ts",
   "style": "dist/global.css",
   "files": [
-    "dist"  
+    "dist"
   ],
   "scripts": {
     "dev": "vite",
@@ -83,9 +83,13 @@
     "@eslint/js": "^9.19.0",
     "@phosphor-icons/react": "^2.1.10",
     "@playwright/test": "^1.53.1",
+    "@storybook/addon-designs": "^11.1.2",
     "@storybook/addon-docs": "^9.1.2",
+    "@storybook/addon-highlight": "^8.6.14",
+    "@storybook/addon-links": "^10.2.10",
     "@storybook/addon-onboarding": "^9.1.2",
-    "@storybook/react-vite": "^9.1.2",
+    "@storybook/addon-storysource": "^8.6.14",
+    "@storybook/react-vite": "^9.1.19",
     "@types/node": "^22.13.1",
     "@types/react": "^19.0.8",
     "@types/react-dom": "^19.0.3",
@@ -104,7 +108,8 @@
     "postcss": "^8.5.1",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "storybook": "^9.1.2",
+    "storybook": "^9.1.19",
+    "storybook-addon-performance": "^0.17.3",
     "tailwindcss": "^3.4.17",
     "tsup": "^8.4.0",
     "typescript": "~5.7.2",