Merge branch 'v3-test' of https://github.com/creativetimofficial/material-tailwind into v3-test

Author: dragosct

apps/site/src/app/docs/content/html/accordion.mdx

@@ -70,4 +70,4 @@ Create visually distinct disabled sections using Tailwind CSS opacity and cursor
 ## Required Script
 Add these scripts to the bottom of your HTML:
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>

apps/site/src/app/docs/content/html/alert.mdx

@@ -91,4 +91,4 @@ Design rich content alerts using Tailwind CSS grid and typography classes. Perfe
 ## Required Script
 Add these scripts to the bottom of your HTML:
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>

apps/site/src/app/docs/content/html/collapse.mdx

@@ -54,4 +54,4 @@ Check out this example on how to design a responsive collapse component tailored
 ## Required Script
 Add these scripts to the bottom of your HTML:
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>

apps/site/src/app/docs/content/html/dialog.mdx

@@ -64,4 +64,4 @@ Build attention-grabbing notification dialogs using Tailwind CSS color utilities
 
 The dialog component requires a script for handling open/close states, keyboard navigation, and click-outside behavior. Add this script to your HTML file for proper functionality.
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>

apps/site/src/app/docs/content/html/dropdown.mdx

@@ -98,4 +98,4 @@ Create user profile menus using Tailwind CSS flex and typography utilities. Comb
 
 The dropdown component requires a script for handling open/close states, keyboard navigation, and click-outside behavior. Add this script to your HTML file for proper functionality.
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>

apps/site/src/app/docs/content/html/gallery.mdx

@@ -77,4 +77,4 @@ Build categorized galleries using Tailwind CSS tab utilities. Organize images in
 ## Required Script
 Add these scripts to the bottom of your HTML:
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>

apps/site/src/app/docs/content/html/input.mdx

@@ -36,7 +36,7 @@ Explore our responsive input components with three distinct size options using T
 
 ## Input Color
 
-Transform your forms with our collection of beautifully styled input components using Tailwind CSS. Each input showcases different focus states with custom colors: `bg-slate-800`, `bg-slate-200`, `bg-blue-500`, `bg-green-500`, `bg-red-500`, and `bg-amber-500`, allowing you to match your brand's visual identity.
+Transform your forms with our collection of beautifully styled input components using Tailwind CSS. Each input showcases different focus states with custom colors: `border-slate-800`, `border-slate-200`, `border-blue-500`, `border-green-500`, `border-red-500`, and `border-amber-500`, allowing you to match your brand's visual identity.
 
 <PreviewWithCode relativePath="input/input-colors.tsx" language="html" />
 
@@ -95,7 +95,7 @@ Implement clear visual feedback for non-interactive form fields with this disabl
 <PreviewWithCode relativePath="input/input-disabled.tsx" language="html" />
 
 <p class="mt-4 antialiased text-foreground">
-The input is explicitly marked as disabled (`disabled attribute`), which prevents user interaction. The styling reflects this state by altering the border and background color (`disabled:border-0 disabled:bg-blue-gray-50`), making it visually distinct from active input fields. This design choice helps users recognize that the input is not currently available for interaction.
+The input is explicitly marked as disabled (`disabled attribute`), which prevents user interaction. The styling reflects this state by altering the border and background color (`disabled:border-0 disabled:bg-slate-50`), making it visually distinct from active input fields. This design choice helps users recognize that the input is not currently available for interaction.
 </p>
 ---
 

apps/site/src/app/docs/content/html/installation.mdx

@@ -248,7 +248,7 @@ Quick start with Material Tailwind using CDN integration:
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Material Tailwind Example</title>
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css" rel="stylesheet">
-    <script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js"></script>
+    <script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js"></script>
 </head>
 <body>
     <div role="alert" class="relative flex items-start w-full border rounded-md p-2 bg-slate-800 border-slate-800 text-slate-50">

apps/site/src/app/docs/content/html/menu.mdx

@@ -66,7 +66,7 @@ Need a searchable menu? This component integrates Tailwind CSS form utilities wi
 
 The modal component needs a script for handling open/close states and keyboard interactions. Add this script to the bottom of your HTML file for proper functionality.
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>
 
 ---
 ## Navbar Best Practices for Developers

apps/site/src/app/docs/content/html/modal.mdx

@@ -80,4 +80,4 @@ Create attention-grabbing alerts using Tailwind CSS color utilities. Choose from
 
 The modal component needs a script for handling open/close states and keyboard interactions. Add this script to the bottom of your HTML file for proper functionality.
 
-<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].4/dist/material-tailwind.min.js" defer></script>`}/>
+<CodePreviewTailwindClasses codeSnippet={`<script src="https://unpkg.com/@material-tailwind/[email protected].5/dist/material-tailwind.umd.min.js" defer></script>`}/>