@admin-layout/demo-tailwind-browser 11.0.4-alpha.4 → 12.0.16-alpha.1

package/lib/components/OTPExamples.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/**
+ * Example usage of the OTPVerification component
+ */
+declare const ExampleUsage: React.FC;
+export default ExampleUsage;
+//# sourceMappingURL=OTPExamples.d.ts.map

package/lib/components/OTPExamples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPExamples.d.ts","sourceRoot":"","sources":["../../src/components/OTPExamples.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EA2EzB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/OTPExamples.js

@@ -0,0 +1,89 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {OTPVerification,Card,CardHeader,CardTitle,CardContent}from'@admin-layout/tailwind-ui';/**
+ * Example usage of the OTPVerification component
+ */
+const ExampleUsage = () => {
+  // Verification handlers
+  const handleVerificationSuccess = () => {
+    console.log('OTP verification successful!');
+    // Additional actions on success
+  };
+  const handleVerificationFailed = () => {
+    console.log('OTP verification failed!');
+    // Additional actions on failure
+  };
+  const handleContinue = () => {
+    console.log('Continue button clicked after verification');
+    // Navigate to dashboard or next step
+  };
+  const handleResendCode = () => {
+    console.log('Resending verification code...');
+    // API call to resend verification code
+  };
+  const handleOtpChange = otp => {
+    console.log('OTP changed:', otp);
+    // Additional tracking or validation
+  };
+  return jsxs("div", {
+    className: "p-4 bg-background text-foreground",
+    children: [jsx("h1", {
+      className: "text-2xl font-bold mb-6 text-foreground",
+      children: "OTP Verification Examples"
+    }), jsx("h2", {
+      className: "text-xl font-semibold mb-4 text-foreground",
+      children: "Basic Usage"
+    }), jsx("div", {
+      className: "min-h-screen bg-gradient-secondary flex items-center justify-center p-4",
+      children: jsx(OTPVerification, {})
+    }), jsx("h2", {
+      className: "text-xl font-semibold mb-4 text-foreground",
+      children: "Custom Configuration"
+    }), jsx("div", {
+      className: "min-h-screen bg-gradient-secondary flex items-center justify-center p-4",
+      children: jsx(OTPVerification, {
+        length: 6,
+        validCode: "123456",
+        title: "Security Verification",
+        description: "Enter the 6-digit code sent to your email",
+        successMessage: "Great! Your account is now verified",
+        errorMessage: "The code you entered is incorrect",
+        continueButtonText: "Access Your Account",
+        resendCodeText: "Send New Code",
+        verificationDelay: 300,
+        resetDelay: 1500,
+        onVerificationSuccess: handleVerificationSuccess,
+        onVerificationFailed: handleVerificationFailed,
+        onContinue: handleContinue,
+        onResendCode: handleResendCode,
+        onOtpChange: handleOtpChange
+      })
+    }), jsx("h2", {
+      className: "text-xl font-semibold mb-4 text-foreground",
+      children: "Implementation Notes"
+    }), jsxs(Card, {
+      className: "themed-card",
+      children: [jsx(CardHeader, {
+        children: jsx(CardTitle, {
+          className: "text-foreground",
+          children: "Features"
+        })
+      }), jsx(CardContent, {
+        children: jsxs("ul", {
+          className: "list-disc list-inside mb-4 space-y-1 text-muted-foreground",
+          children: [jsx("li", {
+            children: "Customizable OTP length"
+          }), jsx("li", {
+            children: "Success and error states with visual feedback"
+          }), jsx("li", {
+            children: "Custom validation"
+          }), jsx("li", {
+            children: "Animation effects"
+          }), jsx("li", {
+            children: "Comprehensive event handlers"
+          }), jsx("li", {
+            children: "Accessible design"
+          })]
+        })
+      })]
+    })]
+  });
+};export{ExampleUsage as default};//# sourceMappingURL=OTPExamples.js.map

package/lib/components/OTPExamples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OTPExamples.js","sources":["../../src/components/OTPExamples.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"uIAIA;;AAEG;AACG,MAAA,YAAY,GAAa,MAAK;;QAE1B,yBAAA,GAA4B,MAAK;AACnC,IAAA,OAAA,CAAA,GAAO,CAAC,8BAAI,CAAA;;AAEhB,GAAA;QAEM,wBAAA,GAA2B,MAAK;AAClC,IAAA,OAAA,CAAA,GAAO,CAAC,0BAAI,CAAA;;AAEhB,GAAA;QAEM,cAAA,GAAiB,MAAK;AACxB,IAAA,OAAA,CAAA,GAAO,CAAC,4CAAI,CAAA;;AAEhB,GAAA;QAEM,gBAAA,GAAmB,MAAK;AAC1B,IAAA,OAAA,CAAA,GAAO,CAAC,gCAAI,CAAA;;AAEhB,GAAA;AAEA,EAAA,MAAA,eAAqB,GAAA,GAAI;AACrB,IAAA,OAAA,CAAA,GAAO,CAAC,mBAAoB,CAAA;;AAEhC,GAAA;AAEA,EAAA,OAAAA,IACI,CAAA,KAAA,EAAA;AA+CR,IAAE,SAAA,EAAA,mCAAA;AAEF,IAAA,QAAA,EAAA,CAAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeShowCase/FeaturesSection.d.ts

@@ -0,0 +1,2 @@
+export declare function FeaturesSection(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FeaturesSection.d.ts.map

package/lib/components/ThemeShowCase/FeaturesSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeShowCase/FeaturesSection.tsx"],"names":[],"mappings":"AAoCA,wBAAgB,eAAe,4CAgC9B"}

package/lib/components/ThemeShowCase/FeaturesSection.js

@@ -0,0 +1,64 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Palette,Zap,Code,Shield,Smartphone,Globe}from'lucide-react';import {Card,CardHeader,CardTitle,CardContent}from'@admin-layout/tailwind-ui';const features = [{
+  icon: Palette,
+  title: 'Multiple Themes',
+  description: 'Choose from Airbnb, Slack, GitHub, Spotify, and more professionally designed themes.'
+}, {
+  icon: Zap,
+  title: 'Instant Switching',
+  description: 'Change themes instantly with CSS custom properties. No page reload required.'
+}, {
+  icon: Code,
+  title: 'Developer Friendly',
+  description: 'Built with Tailwind CSS best practices. Easy to customize and extend.'
+}, {
+  icon: Shield,
+  title: 'Production Ready',
+  description: 'Optimized for performance with minimal bundle size and fast loading.'
+}, {
+  icon: Smartphone,
+  title: 'Responsive Design',
+  description: 'All themes are fully responsive and work perfectly on mobile devices.'
+}, {
+  icon: Globe,
+  title: 'Modern Standards',
+  description: 'Built with modern web standards and accessibility in mind.'
+}];
+function FeaturesSection() {
+  return jsx("section", {
+    className: "py-20 px-4",
+    children: jsxs("div", {
+      className: "container mx-auto",
+      children: [jsxs("div", {
+        className: "text-center max-w-3xl mx-auto mb-16",
+        children: [jsx("h2", {
+          className: "text-3xl md:text-4xl font-bold mb-4",
+          children: "Why Choose Our Theme System?"
+        }), jsx("p", {
+          className: "text-lg text-muted-foreground",
+          children: "Built with the latest technologies and best practices for modern web development."
+        })]
+      }), jsx("div", {
+        className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",
+        children: features.map((feature, index) => jsxs(Card, {
+          className: "group hover:shadow-lg transition-all duration-200 border-border/50",
+          children: [jsxs(CardHeader, {
+            children: [jsx("div", {
+              className: "h-12 w-12 rounded-lg bg-gradient-primary flex items-center justify-center mb-4 group-hover:scale-110 transition-transform duration-200",
+              children: jsx(feature.icon, {
+                className: "h-6 w-6 text-primary-foreground"
+              })
+            }), jsx(CardTitle, {
+              className: "text-xl",
+              children: feature.title
+            })]
+          }), jsx(CardContent, {
+            children: jsx("p", {
+              className: "text-muted-foreground",
+              children: feature.description
+            })
+          })]
+        }, index))
+      })]
+    })
+  });
+}export{FeaturesSection};//# sourceMappingURL=FeaturesSection.js.map

package/lib/components/ThemeShowCase/FeaturesSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeaturesSection.js","sources":["../../../src/components/ThemeShowCase/FeaturesSection.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"2LAGA,MAAM,QAAQ,GAAG,CAAA;AACb,EAAA,IAAA,EAAA,OAAA;AACI,EAAA,KAAA,EAAA,iBAAa;AACb,EAAA,WAAK,EAAE;AACP,CAAA,EAAA;AACH,EAAA,IAAA,EAAA,GAAA;AACD,EAAA,KAAA,EAAA,mBAAA;AACI,EAAA,aAAS;AACT,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,IAAA;AACH,EAAA,KAAA,EAAA,oBAAA;AACD,EAAA,WAAA,EAAA;AACI,CAAA,EAAA;AACA,EAAA,IAAA,EAAA;AACA,EAAA,KAAA,EAAA,kBAAoF;AACvF,EAAA,WAAA,EAAA;AACD,CAAA,EAAA;AACI,EAAA,IAAA,EAAA,UAAY;AACZ,EAAA,KAAA,EAAA,mBAAyB;AACzB,EAAA,WAAA,EAAA;AACH,CAAA,EAAA;AACD,EAAA,IAAA,EAAA,KAAA;AACI,EAAA,KAAA,EAAA,kBAAgB;AAChB,EAAA,WAAK,EAAE;AACP,CAAA,CAAA;AACH,SAAA,eAAA,GAAA;AACD,EAAA,OAAAA,GAAA,CAAA,SAAA,EAAA;AACI,IAAA,WAAW,YAAA;AACX,IAAA,QAAA,MAAyB,CAAA,KAAA,EAAA;AACzB,MAAA,SAAA,EAAA,mBAAyE;AAC5E,MAAA,QAAA,EAAA,CAAAC,IAAA,CAAA,KAAA,EAAA;QACH,SAAA,EAAA,qCAAA;AAEF,gBAAgB,EAAe,CAAAD,GAAA,CAAA,IAAA,EAAA;UACpB,gDAEC;AA6BZ,UAAC,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeShowCase/HeroSection.d.ts

@@ -0,0 +1,2 @@
+export declare function HeroSection(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HeroSection.d.ts.map

package/lib/components/ThemeShowCase/HeroSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeShowCase/HeroSection.tsx"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,4CAiE1B"}

package/lib/components/ThemeShowCase/HeroSection.js

@@ -0,0 +1,92 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {ArrowRight,Star,Users,Zap}from'lucide-react';import {Badge,Button,Card,CardContent}from'@admin-layout/tailwind-ui';function HeroSection() {
+  return jsx("section", {
+    className: "py-20 px-4 bg-gradient-secondary",
+    children: jsxs("div", {
+      className: "container mx-auto text-center",
+      children: [jsxs("div", {
+        className: "max-w-4xl mx-auto space-y-8",
+        children: [jsx(Badge, {
+          variant: "secondary",
+          className: "mb-4",
+          children: "\u2728 Multi-Theme Website Template"
+        }), jsxs("h1", {
+          className: "text-4xl md:text-6xl font-bold tracking-tight",
+          children: ["Beautiful Themes for", jsx("span", {
+            className: "bg-gradient-brand bg-clip-text text-transparent block",
+            children: "Every Brand"
+          })]
+        }), jsx("p", {
+          className: "text-xl text-muted-foreground max-w-2xl mx-auto",
+          children: "Experience seamless theme switching with our professionally crafted design system. From Airbnb's warmth to Spotify's energy, find the perfect look for your brand."
+        }), jsxs("div", {
+          className: "flex flex-col sm:flex-row gap-4 justify-center",
+          children: [jsxs(Button, {
+            size: "lg",
+            className: "gap-2",
+            children: ["Get Started ", jsx(ArrowRight, {
+              className: "h-4 w-4"
+            })]
+          }), jsx(Button, {
+            size: "lg",
+            variant: "outline",
+            children: "View Themes"
+          })]
+        })]
+      }), jsxs("div", {
+        className: "grid grid-cols-1 md:grid-cols-3 gap-6 mt-20 max-w-3xl mx-auto",
+        children: [jsx(Card, {
+          className: "border-none bg-background/50 backdrop-blur",
+          children: jsxs(CardContent, {
+            className: "p-6 text-center",
+            children: [jsx("div", {
+              className: "h-12 w-12 rounded-full bg-gradient-primary mx-auto mb-4 flex items-center justify-center",
+              children: jsx(Star, {
+                className: "h-6 w-6 text-primary-foreground"
+              })
+            }), jsx("h3", {
+              className: "text-2xl font-bold",
+              children: "5"
+            }), jsx("p", {
+              className: "text-muted-foreground",
+              children: "Premium Themes"
+            })]
+          })
+        }), jsx(Card, {
+          className: "border-none bg-background/50 backdrop-blur",
+          children: jsxs(CardContent, {
+            className: "p-6 text-center",
+            children: [jsx("div", {
+              className: "h-12 w-12 rounded-full bg-gradient-primary mx-auto mb-4 flex items-center justify-center",
+              children: jsx(Users, {
+                className: "h-6 w-6 text-primary-foreground"
+              })
+            }), jsx("h3", {
+              className: "text-2xl font-bold",
+              children: "10K+"
+            }), jsx("p", {
+              className: "text-muted-foreground",
+              children: "Happy Users"
+            })]
+          })
+        }), jsx(Card, {
+          className: "border-none bg-background/50 backdrop-blur",
+          children: jsxs(CardContent, {
+            className: "p-6 text-center",
+            children: [jsx("div", {
+              className: "h-12 w-12 rounded-full bg-gradient-primary mx-auto mb-4 flex items-center justify-center",
+              children: jsx(Zap, {
+                className: "h-6 w-6 text-primary-foreground"
+              })
+            }), jsx("h3", {
+              className: "text-2xl font-bold",
+              children: "0.1s"
+            }), jsx("p", {
+              className: "text-muted-foreground",
+              children: "Theme Switch"
+            })]
+          })
+        })]
+      })]
+    })
+  });
+}export{HeroSection};//# sourceMappingURL=HeroSection.js.map

package/lib/components/ThemeShowCase/HeroSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroSection.js","sources":["../../../src/components/ThemeShowCase/HeroSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6KAKgB,WAAW,GAAA;SAChBA;AAgEX,IAAC,SAAA,EAAA,kCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeShowCase/ThemeShowcase.d.ts

@@ -0,0 +1,2 @@
+export declare function ThemeShowcase(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeShowcase.d.ts.map

package/lib/components/ThemeShowCase/ThemeShowcase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeShowcase.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeShowCase/ThemeShowcase.tsx"],"names":[],"mappings":"AAwCA,wBAAgB,aAAa,4CAmL5B"}

package/lib/components/ThemeShowCase/ThemeShowcase.js

@@ -0,0 +1,242 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Sun,Moon,Eye,Palette,Code,Check}from'lucide-react';import {useTheme,Button,Badge,Card,CardHeader,CardTitle,CardContent,Label,Input}from'@admin-layout/tailwind-ui';const themeData = {
+  airbnb: {
+    name: 'Airbnb',
+    description: 'Warm and welcoming design inspired by the travel platform',
+    color: '#FF5A5F',
+    features: ['Coral primary color', 'Friendly typography', 'Warm shadows', 'Travel-focused UI']
+  },
+  slack: {
+    name: 'Slack',
+    description: 'Professional workspace theme with purple accents',
+    color: '#4A154B',
+    features: ['Purple brand colors', 'Clean workspace UI', 'Professional feel', 'Team collaboration']
+  },
+  github: {
+    name: 'GitHub',
+    description: 'Developer-focused theme with clean aesthetics',
+    color: '#24292F',
+    features: ['Monospace friendly', 'Clean borders', 'Developer tools', 'Code-focused design']
+  },
+  spotify: {
+    name: 'Spotify',
+    description: 'Dark theme with vibrant green accents for music lovers',
+    color: '#1DB954',
+    features: ['Dark background', 'Vibrant green', 'Music player UI', 'Entertainment focus']
+  }
+};
+function ThemeShowcase() {
+  const {
+    theme,
+    mode,
+    setTheme,
+    toggleMode
+  } = useTheme();
+  const handleThemeChange = selectedTheme => {
+    setTheme(selectedTheme);
+  };
+  return jsx("section", {
+    className: "py-20 px-4 bg-muted/30",
+    children: jsxs("div", {
+      className: "container mx-auto",
+      children: [jsxs("div", {
+        className: "text-center max-w-3xl mx-auto mb-16",
+        children: [jsx("h2", {
+          className: "text-3xl md:text-4xl font-bold mb-4",
+          children: "Explore Our Themes"
+        }), jsx("p", {
+          className: "text-lg text-muted-foreground",
+          children: "Each theme is carefully crafted to match the brand aesthetic and user experience of popular platforms. Click to preview any theme instantly."
+        }), jsxs("div", {
+          className: "flex items-center justify-center gap-4 mt-8",
+          children: [jsxs(Button, {
+            variant: "outline",
+            size: "sm",
+            onClick: toggleMode,
+            className: "gap-2",
+            children: [mode === 'dark' ? jsx(Sun, {
+              className: "h-4 w-4"
+            }) : jsx(Moon, {
+              className: "h-4 w-4"
+            }), "Switch to ", mode === 'dark' ? 'Light' : 'Dark', " Mode"]
+          }), jsxs(Badge, {
+            variant: "secondary",
+            className: "gap-1",
+            children: [jsx(Eye, {
+              className: "h-3 w-3"
+            }), "Currently: ", mode.toLocaleUpperCase(), " Mode"]
+          })]
+        })]
+      }), jsxs("div", {
+        className: "grid grid-cols-1 lg:grid-cols-3 gap-6 mb-16",
+        children: [jsxs(Card, {
+          className: "themed-card",
+          children: [jsx(CardHeader, {
+            children: jsxs(CardTitle, {
+              className: "flex items-center gap-2",
+              children: [jsx(Palette, {
+                className: "h-5 w-5"
+              }), "Themed Components"]
+            })
+          }), jsxs(CardContent, {
+            className: "space-y-4",
+            children: [jsxs("div", {
+              className: "space-y-2",
+              children: [jsx(Label, {
+                htmlFor: "demo-input",
+                children: "Sample Input"
+              }), jsx(Input, {
+                id: "demo-input",
+                placeholder: "Type something...",
+                className: "themed-input focus-themed"
+              })]
+            }), jsx(Button, {
+              className: "themed-button w-full interactive-hover",
+              children: "Themed Button"
+            }), jsxs("div", {
+              className: "grid grid-cols-2 gap-2",
+              children: [jsx(Badge, {
+                className: "bg-success text-white",
+                children: "Success"
+              }), jsx(Badge, {
+                className: "bg-warning text-black",
+                children: "Warning"
+              })]
+            })]
+          })]
+        }), jsxs(Card, {
+          className: "themed-card",
+          children: [jsx(CardHeader, {
+            children: jsxs(CardTitle, {
+              className: "flex items-center gap-2",
+              children: [jsx(Code, {
+                className: "h-5 w-5"
+              }), "Design Tokens"]
+            })
+          }), jsxs(CardContent, {
+            className: "space-y-4",
+            children: [jsxs("div", {
+              className: "space-y-2",
+              children: [jsxs("div", {
+                className: "themed-code",
+                children: ["--primary:", ' ', theme === 'airbnb' ? '0 100% 60%' : theme === 'slack' ? '289 100% 32%' : theme === 'github' ? '213 13% 13%' : '141 76% 48%']
+              }), jsxs("div", {
+                className: "themed-code",
+                children: ["--radius: ", theme === 'spotify' ? '1rem' : theme === 'github' ? '0.25rem' : '0.5rem']
+              })]
+            }), jsxs("div", {
+              className: "grid grid-cols-4 gap-2",
+              children: [jsx("div", {
+                className: "h-8 bg-primary rounded-themed"
+              }), jsx("div", {
+                className: "h-8 bg-secondary rounded-themed"
+              }), jsx("div", {
+                className: "h-8 bg-accent rounded-themed"
+              }), jsx("div", {
+                className: "h-8 bg-muted rounded-themed"
+              })]
+            })]
+          })]
+        }), jsxs(Card, {
+          className: "themed-card",
+          children: [jsx(CardHeader, {
+            children: jsxs(CardTitle, {
+              className: "flex items-center gap-2",
+              children: [jsx(Eye, {
+                className: "h-5 w-5"
+              }), "Visual Effects"]
+            })
+          }), jsxs(CardContent, {
+            className: "space-y-4",
+            children: [jsx("div", {
+              className: "p-4 bg-gradient-primary rounded-themed-lg text-primary-foreground",
+              children: jsx("p", {
+                className: "text-sm font-medium",
+                children: "Primary Gradient"
+              })
+            }), jsxs("div", {
+              className: "grid grid-cols-2 gap-2",
+              children: [jsx("div", {
+                className: "h-12 shadow-themed-sm bg-card rounded-themed"
+              }), jsx("div", {
+                className: "h-12 shadow-themed-lg bg-card rounded-themed"
+              })]
+            }), jsx("p", {
+              className: "text-xs text-muted-foreground",
+              children: "Shadows and effects adapt to each theme"
+            })]
+          })]
+        })]
+      }), jsx("div", {
+        className: "grid grid-cols-1 md:grid-cols-2 gap-8 max-w-6xl mx-auto",
+        children: Object.entries(themeData).map(([key, themeInfo]) => {
+          const isActive = theme === key;
+          return jsxs(Card, {
+            className: `group cursor-pointer transition-all duration-200 hover:shadow-lg `,
+            children: [jsxs(CardHeader, {
+              children: [jsxs("div", {
+                className: "flex items-center justify-between",
+                children: [jsxs("div", {
+                  className: "flex items-center gap-3",
+                  children: [jsx("div", {
+                    className: "h-8 w-8 rounded-full border-2 border-white shadow-sm",
+                    style: {
+                      backgroundColor: themeInfo.color
+                    }
+                  }), jsx(CardTitle, {
+                    className: "text-xl",
+                    children: themeInfo.name
+                  })]
+                }), isActive && jsxs(Badge, {
+                  variant: "default",
+                  className: "gap-1",
+                  children: [jsx(Check, {
+                    className: "h-3 w-3"
+                  }), "Active"]
+                })]
+              }), jsx("p", {
+                className: "text-muted-foreground",
+                children: themeInfo.description
+              })]
+            }), jsx(CardContent, {
+              children: jsxs("div", {
+                className: "space-y-4",
+                children: [jsx("div", {
+                  className: "grid grid-cols-2 gap-2",
+                  children: themeInfo.features.map((feature, index) => jsxs("div", {
+                    className: "flex items-center gap-2 text-sm",
+                    children: [jsx(Check, {
+                      className: "h-3 w-3 text-success"
+                    }), jsx("span", {
+                      children: feature
+                    })]
+                  }, index))
+                }), jsx("div", {
+                  className: "pt-2",
+                  children: jsxs(Button, {
+                    variant: isActive ? 'default' : 'outline',
+                    className: "w-full",
+                    onClick: e => {
+                      e.stopPropagation();
+                      handleThemeChange(key);
+                    },
+                    children: [isActive ? 'Currently Active' : 'Apply Theme', "Apply Theme"]
+                  })
+                })]
+              })
+            })]
+          }, key);
+        })
+      }), jsxs("div", {
+        className: "text-center mt-12",
+        children: [jsx("p", {
+          className: "text-muted-foreground mb-6",
+          children: "Want to see all themes? Open the settings drawer to explore more options."
+        }), jsx(Button, {
+          variant: "outline",
+          size: "lg",
+          children: "View All Themes"
+        })]
+      })]
+    })
+  });
+}export{ThemeShowcase};//# sourceMappingURL=ThemeShowcase.js.map

package/lib/components/ThemeShowCase/ThemeShowcase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeShowcase.js","sources":["../../../src/components/ThemeShowCase/ThemeShowcase.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"oNAaA,MAAM,SAAS,GAAG;AACd,EAAA,MAAA,EAAM;AACF,IAAA,IAAA,EAAA,QAAc;AACd,IAAA,WAAA,EAAA,2DAAwE;AACxE,IAAA,KAAA,EAAA,SAAgB;YACR,EAAA,CAAA,qBAAwB,EAAA,qCAAyB,EAAA,mBAAgB;AAC5E,GAAA;AACD,EAAA,KAAA,EAAK;AACD,IAAA,IAAA,EAAA,OAAa;AACb,IAAA,WAAA,EAAA,kDAA+D;AAC/D,IAAA,KAAA,EAAA,SAAgB;YACR,EAAA,CAAA,qBAAwB,EAAA,yCAAwB,EAAA,oBAAqB;AAChF,GAAA;AACD,EAAA,MAAA,EAAM;AACF,IAAA,IAAA,EAAA,QAAc;AACd,IAAA,WAAA,EAAA,+CAA4D;AAC5D,IAAA,KAAA,EAAA,SAAgB;YACR,EAAA,CAAA,oBAAuB,EAAA,kCAAmB,EAAA,qBAAmB;AACxE,GAAA;AACD,EAAA,OAAA,EAAO;AACH,IAAA,IAAA,EAAA,SAAe;AACf,IAAA,WAAA,EAAA,wDAAqE;AACrE,IAAA,KAAA,EAAA,SAAgB;YACR,EAAA,CAAA,iBAAoB,EAAA,kCAAmB,EAAA,qBAAmB;AACrE;CACJ;SAEe,aAAa,GAAA;AACzB,EAAA,MAAA;AAEA,IAAA,KAAA;QACI;AACJ,IAAA,QAAE;AAEF,IAAA;AA6DoC,GAAA,GAAA,QAAA,EAAA;;AAEA,IAAA,QAAA,CAAA,aAAA,CAAA;;AAEA,EAAA,OAAAA,GAAA,CAAA,SAAA,EAAA;AACA,IAAA,SAAA,EAAA,wBAAA;AAqChB,IAAA,QAAA,EAAAC,IAAA,CAAA,KAAA,EAAA;AAEA,MAAA,SAAA,EAAA,mBACK;;wDAyCuB;AACJ,QAAA,QAAA,EAAA,CAAAD,GAAA,CAAA,IAAA,EAAA;AAU5B,UAAA,SAAA,EAAC,qCAG6B;AAWlD,UAAC,QAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeShowCase/index.d.ts

@@ -0,0 +1,3 @@
+declare const Index: () => import("react/jsx-runtime").JSX.Element;
+export default Index;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ThemeShowCase/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeShowCase/index.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK,+CAQV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/ThemeShowCase/index.js

@@ -0,0 +1,6 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {HeroSection}from'./HeroSection.js';import {FeaturesSection}from'./FeaturesSection.js';import {ThemeShowcase}from'./ThemeShowcase.js';const Index = () => {
+  return jsxs("div", {
+    className: "min-h-screen bg-background",
+    children: [jsx(HeroSection, {}), jsx(FeaturesSection, {}), jsx(ThemeShowcase, {})]
+  });
+};export{Index as default};//# sourceMappingURL=index.js.map

package/lib/components/ThemeShowCase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ThemeShowCase/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"sLAIM,MAAA,KAAK,GAAG,MAAK;AACf,EAAA,OAAAA,IACS,CAAA,KAAA,EAAA;AAMb,IAAE,SAAA,EAAA,4BAAA;AAEF,IAAA,QAAA,EAAA,CAAeC,IAAK,WAAC,EAAA,EAAA,CAAA,EAAAA,GAAA,CAAA,eAAA,EAAA,EAAA,CAAA,EAAAA,GAAA,CAAA,aAAA,EAAA,EAAA,CAAA;;"}

package/lib/components/exception/403/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/exception/403/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAwBjB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/exception/403/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAiBjB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/exception/403/Component.js

@@ -1,36 +1,26 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {useLayoutSettings}from'@admin-layout/client';function Component() {
+import {jsx,jsxs}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Button}from'@admin-layout/tailwind-ui';function Component() {
   const {
     t
   } = useTranslation();
-  const {
-    settings: layoutSettings,
-    setSettings
-  } = useLayoutSettings();
   return jsx("div", {
-    className: "w-full h-screen min-h-full bg-white rounded-lg shadow p-6 flex flex-col items-center justify-center",
+    className: "w-full h-screen min-h-full bg-background text-foreground themed-card flex flex-col items-center justify-center p-6",
     children: jsxs("div", {
       className: "flex flex-col items-center justify-center space-y-4",
       children: [jsx("div", {
-        className: "text-8xl font-bold",
-        style: {
-          color: layoutSettings?.primaryColor
-        },
+        className: "text-8xl font-bold text-primary",
         children: jsx("span", {
           children: "403"
         })
       }), jsx("h1", {
-        className: "text-2xl font-bold text-gray-800",
+        className: "text-2xl font-bold text-foreground",
         children: "403"
       }), jsx("p", {
-        className: "text-gray-600",
+        className: "text-muted-foreground",
         children: t('not_authorized')
       }), jsx("div", {
         className: "mt-4",
-        children: jsx("button", {
-          className: "px-4 py-2  text-white rounded hover:bg-blue-600 transition-colors",
-          style: {
-            backgroundColor: layoutSettings?.primaryColor
-          },
+        children: jsx(Button, {
+          className: "themed-button",
           children: t('back_home')
         })
       })]

package/lib/components/exception/403/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/exception/403/Component.tsx"],"sourcesContent":[null],"names":[],"mappings":"yIAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IAEA;AAEA,GAAA,GAAA,cACI,EAAA;AAkBR,EAAC,MAAA;AAED,IAAA,QAAA,EAAA,cAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/exception/403/Component.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"mIAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IAEA;AAcJ,GAAC,GAAA,cAAA,EAAA;AAED,EAAA,OAAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/exception/404/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/exception/404/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAuBjB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/exception/404/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAiBjB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/exception/404/Component.js

@@ -1,36 +1,26 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {useTranslation}from'react-i18next';function Component() {
+import {jsx,jsxs}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Button}from'@admin-layout/tailwind-ui';function Component() {
   const {
     t
   } = useTranslation();
-  const {
-    settings: layoutSettings,
-    setSettings
-  } = useLayoutSettings();
   return jsx("div", {
-    className: "w-full h-screen min-h-full bg-white rounded-lg shadow p-6 flex flex-col items-center justify-center",
+    className: "w-full h-screen min-h-full bg-background text-foreground themed-card flex flex-col items-center justify-center p-6",
     children: jsxs("div", {
       className: "flex flex-col items-center justify-center space-y-4",
       children: [jsx("div", {
-        className: "text-8xl font-bold",
-        style: {
-          color: layoutSettings?.primaryColor
-        },
+        className: "text-8xl font-bold text-primary",
         children: jsx("span", {
           children: "404"
         })
       }), jsx("h1", {
-        className: "text-2xl font-bold text-gray-800",
+        className: "text-2xl font-bold text-foreground",
         children: "404"
       }), jsx("p", {
-        className: "text-gray-600",
+        className: "text-muted-foreground",
         children: t('visit_not_exist')
       }), jsx("div", {
         className: "mt-4",
-        children: jsx("button", {
-          className: "px-4 py-2  text-white rounded hover:bg-blue-600 transition-colors",
-          style: {
-            backgroundColor: layoutSettings?.primaryColor
-          },
+        children: jsx(Button, {
+          className: "themed-button",
           children: t('back_home')
         })
       })]

package/lib/components/exception/404/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/exception/404/Component.tsx"],"sourcesContent":[null],"names":[],"mappings":"yIAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IACA;AAEA,GAAA,GAAA,cACI,EAAA;AAkBR,EAAC,MAAA;AAED,IAAA,QAAA,EAAA,cAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/exception/404/Component.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"mIAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IAEA;AAcJ,GAAC,GAAA,cAAA,EAAA;AAED,EAAA,OAAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/exception/500/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/exception/500/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAuBjB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/exception/500/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAiBjB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/exception/500/Component.js

@@ -1,36 +1,26 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {useTranslation}from'react-i18next';function Component() {
+import {jsx,jsxs}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Button}from'@admin-layout/tailwind-ui';function Component() {
   const {
     t
   } = useTranslation();
-  const {
-    settings: layoutSettings,
-    setSettings
-  } = useLayoutSettings();
   return jsx("div", {
-    className: "w-full h-screen min-h-full bg-white rounded-lg shadow p-6 flex flex-col items-center justify-center",
+    className: "w-full h-screen min-h-full bg-background text-foreground themed-card flex flex-col items-center justify-center p-6",
     children: jsxs("div", {
       className: "flex flex-col items-center justify-center space-y-4",
       children: [jsx("div", {
-        className: "text-8xl font-bold",
-        style: {
-          color: layoutSettings?.primaryColor
-        },
+        className: "text-8xl font-bold text-primary",
         children: jsx("span", {
           children: "500"
         })
       }), jsx("h1", {
-        className: "text-2xl font-bold text-gray-800",
+        className: "text-2xl font-bold text-foreground",
         children: "500"
       }), jsx("p", {
-        className: "text-gray-600",
+        className: "text-muted-foreground",
         children: t('server_error')
       }), jsx("div", {
         className: "mt-4",
-        children: jsx("button", {
-          className: "px-4 py-2 text-white rounded hover:bg-blue-600 transition-colors",
-          style: {
-            backgroundColor: layoutSettings?.primaryColor
-          },
+        children: jsx(Button, {
+          className: "themed-button",
           children: t('back_home')
         })
       })]

package/lib/components/exception/500/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/exception/500/Component.tsx"],"sourcesContent":[null],"names":[],"mappings":"yIAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IACA;AAEA,GAAA,GAAA,cACI,EAAA;AAkBR,EAAC,MAAA;AAED,IAAA,QAAA,EAAA,cAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/exception/500/Component.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"mIAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IAEA;AAcJ,GAAC,GAAA,cAAA,EAAA;AAED,EAAA,OAAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/result/fail/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/result/fail/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAqDjB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/result/fail/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CA+CjB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/result/fail/Component.js

@@ -1,60 +1,51 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useLayoutSettings}from'@admin-layout/client';import {IoCloseCircleOutline}from'@react-icons/all-files/io5/IoCloseCircleOutline.js';import {useTranslation}from'react-i18next';function Component() {
+import {jsxs,jsx}from'react/jsx-runtime';import {IoCloseCircleOutline}from'@react-icons/all-files/io5/IoCloseCircleOutline.js';import {useTranslation}from'react-i18next';import {Button}from'@admin-layout/tailwind-ui';function Component() {
   const {
     t
   } = useTranslation();
-  const {
-    settings: layoutSettings,
-    setSettings
-  } = useLayoutSettings();
   return jsxs("div", {
-    className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4",
+    className: "flex flex-col items-center justify-center min-h-screen bg-background text-foreground p-4",
     children: [jsx("div", {
-      className: "text-6xl mb-4",
-      style: {
-        color: layoutSettings?.primaryColor
-      },
+      className: "text-error text-6xl mb-4",
       children: jsx(IoCloseCircleOutline, {})
     }), jsx("h1", {
-      className: "text-2xl font-bold text-gray-900 mb-2",
+      className: "text-2xl font-bold text-foreground mb-2",
       children: t('submission_failed')
     }), jsx("p", {
-      className: "text-gray-600 mb-6",
+      className: "text-muted-foreground mb-6",
       children: t('check_modify_information_fail')
     }), jsxs("div", {
       className: "flex space-x-4",
-      children: [jsx("button", {
-        className: "text-white px-4 py-2 rounded hover:bg-blue-600",
-        style: {
-          backgroundColor: layoutSettings?.primaryColor
-        },
+      children: [jsx(Button, {
+        className: "themed-button",
         children: t('go_console')
-      }), jsx("button", {
-        className: "bg-white text-gray-700 px-4 py-2 rounded border border-gray-300 hover:bg-gray-50",
+      }), jsx(Button, {
+        variant: "outline",
+        className: "border-border text-foreground hover:bg-muted",
         children: t('buy_again')
       })]
     }), jsxs("div", {
       className: "mt-8 text-left w-full max-w-md",
       children: [jsxs("p", {
-        className: "text-lg font-semibold text-gray-900 mb-4",
+        className: "text-lg font-semibold text-foreground mb-4",
         children: [t('content_submitted_following_error'), ":"]
       }), jsxs("div", {
         className: "space-y-2",
         children: [jsxs("p", {
-          className: "flex items-center text-gray-700",
+          className: "flex items-center text-muted-foreground",
           children: [jsx(IoCloseCircleOutline, {
-            className: "text-red-500 mr-2"
+            className: "text-error mr-2"
           }), t('account_frozen'), ' ', jsxs("a", {
             href: "#",
-            className: "text-blue-500 hover:underline ml-1",
+            className: "text-primary hover:underline ml-1",
             children: [t('thaw_immediately'), " >"]
           })]
         }), jsxs("p", {
-          className: "flex items-center text-gray-700",
+          className: "flex items-center text-muted-foreground",
           children: [jsx(IoCloseCircleOutline, {
-            className: "text-red-500 mr-2"
+            className: "text-error mr-2"
           }), t('account_not_yet_eligible'), ' ', jsxs("a", {
             href: "#",
-            className: "text-blue-500 hover:underline ml-1",
+            className: "text-primary hover:underline ml-1",
             children: [t('apply_unlock'), " >"]
           })]
         })]

package/lib/components/result/fail/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/result/fail/Component.tsx"],"sourcesContent":[null],"names":[],"mappings":"+NAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IACA;AAEA,GAAA,GAAA,cACS,EAAA;AAgDb,EAAC,MAAA;AAED,IAAA,QAAA,EAAA,cAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/result/fail/Component.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"yNAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;AAEA,IAAA;AA4CJ,GAAC,GAAA,cAAA,EAAA;AAED,EAAA,OAAAA,IAAA,CAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/result/success/Component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/result/success/Component.tsx"],"names":[],"mappings":"AAEA,iBAAS,SAAS,4CAmCjB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Component.d.ts","sourceRoot":"","sources":["../../../../src/components/result/success/Component.tsx"],"names":[],"mappings":"AAIA,iBAAS,SAAS,4CAyBjB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/result/success/Component.js

@@ -1,37 +1,28 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';function Component() {
+import {jsxs,jsx}from'react/jsx-runtime';import {useTranslation}from'react-i18next';import {Button}from'@admin-layout/tailwind-ui';import {CheckCircle}from'lucide-react';function Component() {
   const {
     t
   } = useTranslation();
   return jsxs("div", {
-    className: "flex flex-col items-center justify-center min-h-screen bg-gray-100 p-4",
+    className: "flex flex-col items-center justify-center min-h-screen bg-background text-foreground p-4",
     children: [jsx("div", {
-      className: "text-green-500 text-6xl mb-4",
-      children: jsx("svg", {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: "h-16 w-16",
-        fill: "none",
-        viewBox: "0 0 24 24",
-        stroke: "currentColor",
-        children: jsx("path", {
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 2,
-          d: "M5 13l4 4L19 7"
-        })
+      className: "text-success text-6xl mb-4",
+      children: jsx(CheckCircle, {
+        className: "h-16 w-16"
       })
     }), jsx("h1", {
-      className: "text-2xl font-bold text-gray-900 mb-2",
+      className: "text-2xl font-bold text-foreground mb-2",
       children: t('submission_success')
     }), jsx("p", {
-      className: "text-gray-600 mb-6",
+      className: "text-muted-foreground mb-6",
       children: t('check_modify_information_success')
     }), jsxs("div", {
       className: "flex space-x-4",
-      children: [jsx("button", {
-        className: "bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600",
+      children: [jsx(Button, {
+        className: "themed-button",
         children: t('go_console')
-      }), jsx("button", {
-        className: "bg-white text-gray-700 px-4 py-2 rounded border border-gray-300 hover:bg-gray-50",
+      }), jsx(Button, {
+        variant: "outline",
+        className: "border-border text-foreground hover:bg-muted",
         children: t('buy_again')
       })]
     })]

package/lib/components/result/success/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../../../../src/components/result/success/Component.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"oFAEA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;IAEA;AAgCJ,GAAC,GAAA,cAAA,EAAA;AAED,EAAA,OAAAA,IAAA,CAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Component.js","sources":["../../../../src/components/result/success/Component.tsx"],"sourcesContent":[null],"names":["_jsxs"],"mappings":"0KAIA,SAAS,SAAS,GAAA;AACd,EAAA,MAAA;AAEA,IAAA;AAsBJ,GAAC,GAAA,cAAA,EAAA;AAED,EAAA,OAAAA,IAAA,CAAe;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,EAAE,GAsExB,CAAC;AAMF,QAAA,MAAM,aAAa,0CAA4C,CAAC;AAGhE,QAAA,MAAM,cAAc,0CAA6C,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,EAAE,GAsHxB,CAAC;AAMF,QAAA,MAAM,aAAa,0CAA4C,CAAC;AAGhE,QAAA,MAAM,cAAc,0CAA6C,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

package/lib/compute.js

@@ -2,9 +2,37 @@ import { ORG_STD_ROUTES } from '@adminide-stack/core/lib/constants/urls.js';
 import { IMenuPosition } from '@common-stack/core';
 import { getFilteredMenus, getFilteredRoutes } from '@common-stack/client-react/lib/utils/filteredRoutes.js';
 const MainRoutes = [{
+  // exact: true,
+  key: 'home',
+  name: 'Home',
+  // extraIcons: [
+  //     `rifi.${IIconRifi.RifiAllCategories}`,
+  //     `rifi.${IIconRifi.RifiAppartments}`,
+  //     `rifi.${IIconRifi.RifiArtStudio}`,
+  //     `rifi.${IIconRifi.RifiBasketballCourt}`,
+  //     `rifi.${IIconRifi.RifiBeautifulGardens}`,
+  //     `rifi.${IIconRifi.RifiDocketBoat}`,
+  //     `rifi.${IIconRifi.RifiFarmHouse}`,
+  //     `rifi.${IIconRifi.RifiGuestHouse}`,
+  //     `rifi.${IIconRifi.RifiHomeGym}`,
+  //     `rifi.${IIconRifi.RifiHomeTheater}`,
+  //     `rifi.${IIconRifi.RifiHostel}`,
+  //     `rifi.${IIconRifi.RifiHotel}`,
+  // ],
+  // extraProps: {
+  //     keyToMapIconsDescriptionInCategory: 'name',
+  //     keyToMapIconsInCategory: 'icon',
+  // },
+  // index: true,
+  hideInMenu: true,
+  icon: '',
+  path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/dashboard/test`,
+  componentPath: "@admin-layout/demo-tailwind-browser/lib/pages/Home.js",
+  hasComponent: true
+}, {
   name: 'Exception',
   key: 'menu.exception',
-  icon: '',
+  icon: 'IoMdSettings',
   path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/exception`,
   position: IMenuPosition.Lower,
   exact: false,
@@ -43,7 +71,7 @@ const MainRoutes = [{
 }, {
   name: 'Result',
   key: 'menu.result',
-  icon: '',
+  icon: 'IoIosClipboard',
   path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/result`,
   position: IMenuPosition.Lower,
   auth: true,
@@ -70,6 +98,26 @@ const MainRoutes = [{
   priority: 2,
   componentPath: "@admin-layout/demo-tailwind-browser/lib/components/result/fail/Component.js",
   hasComponent: true
+}, {
+  name: 'ThemeShowCase',
+  key: 'menu.themeShowCase',
+  path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/themeShowCase`,
+  auth: true,
+  position: IMenuPosition.Lower,
+  exact: true,
+  priority: 2,
+  componentPath: "@admin-layout/demo-tailwind-browser/lib/components/ThemeShowCase/index.js",
+  hasComponent: true
+}, {
+  name: 'OTP Example',
+  key: 'menu.otp',
+  path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/otp-example`,
+  auth: true,
+  position: IMenuPosition.Lower,
+  exact: true,
+  priority: 2,
+  componentPath: "@admin-layout/demo-tailwind-browser/lib/components/OTPExamples.js",
+  hasComponent: true
 }];
 // Using '*' to select all routes and menus
 const selectedAll = '*';

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"+NAIa,MAAA,UAAU,GAAQ,CAAA;AAC3B,EAAA,IAAA,EAAA,WAAA;AACI,EAAA,GAAA,EAAA,gBAAiB;AACjB,EAAA,IAAA,EAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAQ,CAAA,aAAA,CAAA,UAAA,CAAA;AACR,EAAA,SAAA,EAAM,MAAiB,OAAA,qCAA0B,CAAA;AACjD,EAAA,QAAA,EAAA,aAAiB,CAAM,KAAA;SACf;AACR,CAAA,EAAA;AACH,EAAA,IAAA,EAAA,eAAA;AACD,EAAA,GAAA,EAAA,oBAAA;AACI,EAAA,IAAA,EAAA,CAAA,EAAA,cAAqB,CAAA,aAAA,CAAA,cAAA,CAAA;AACrB,EAAA,IAAA,EAAA;AACA,EAAA,SAAA,EAAM,MAAiB,OAAA,yCAA8B,CAAA;AACrD,EAAA,QAAA,EAAI,aAAM,CAAA,KAAA;AACV,EAAA,KAAA,EAAA,IAAA;UACQ,EAAA;AACR,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,eAAW;AACd,EAAA,GAAA,EAAA,oBAAA;AACD,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA;AACI,EAAA,IAAA,EAAA,IAAI;AACJ,EAAA,SAAG,EAAE,MAAoB,OAAA,yCAAA,CAAA;AACzB,EAAA,QAAA,EAAI,aAAmB,CAAA,KAAA;AACvB,EAAA,KAAA,EAAA;AACA,EAAA,QAAA,EAAA;;AAEA,EAAA,IAAA,EAAA,eAAW;AACX,EAAA,GAAA,EAAA,oBAAW;AACd,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,CAAA,aAAA,CAAA,cAAA,CAAA;AACD,EAAA,IAAA,EAAA,IAAA;AACI,EAAA,SAAA,QAAqB,OAAA,yCAAA,CAAA;AACrB,EAAA,QAAA,eAAyB,CAAA,KAAA;AACzB,EAAA,KAAA,EAAA,IAAM;AACN,EAAA,QAAA,EAAI;AACJ,CAAA,EAAA;QACA,QAAQ;AACR,EAAA,GAAA,EAAA,aAAW;AACX,EAAA,IAAA,EAAA,EAAA;AACH,EAAA,IAAA,EAAA,CAAA,EAAA,cAAA,CAAA,aAAA,CAAA,OAAA,CAAA;AACD,EAAA,QAAA,EAAA,aAAA,CAAA,KAAA;AACI,EAAA,SAAA,QAAc,OAAA,+BAAA,CAAA;AACd,EAAA,IAAA,EAAA;AACA,EAAA,KAAA,EAAA;AACA,CAAA,EAAA;QACA,SAAQ;AACR,EAAA,GAAA,EAAA,qBAAuB;AACvB,EAAA,IAAA,EAAA,CAAA,EAAA,cAAU,CAAA,aAAA,CAAA,eAAA,CAAA;AACV,EAAA,IAAA,EAAA,IAAA;AACH,EAAA,SAAA,EAAA,MAAA,OAAA,0CAAA,CAAA;AACD,EAAA,QAAA,EAAA,aAAA,CAAA,KAAA;AACI,EAAA,KAAA,EAAA;AACA,EAAA,QAAA;AACA,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,MAAM;AACN,EAAA,GAAA,EAAA,kBAAiB;QACjB,CAAQ,EAAA,cAAe,CAAA,aAAM,CAAA,YAAA,CAAA;AAC7B,EAAA,IAAA,EAAA,IAAA;AACA,EAAA,SAAA,EAAA,MAAW,OAAA,uCAAA,CAAA;AACd,EAAA,QAAA,EAAA,aAAA,CAAA,KAAA;AACD,EAAA,KAAA,EAAA,IAAA;AACI,EAAA,QAAA,EAAI;AACJ,CAAA;AACA;AACA,MAAA,WAAU,GAAA,GAAA;AACV;AACuB,gBAAM,CAAA,UAAA,EAAA,WAAA;AAC7B;AACA,MAAA,cAAW,GAAA,iBAAA,CAAA,UAAA,EAAA,WAAA"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/pages/Home.d.ts

@@ -0,0 +1,3 @@
+declare function Home(): import("react/jsx-runtime").JSX.Element;
+export default Home;
+//# sourceMappingURL=Home.d.ts.map

package/lib/pages/Home.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Home.d.ts","sourceRoot":"","sources":["../../src/pages/Home.tsx"],"names":[],"mappings":"AAGA,iBAAS,IAAI,4CAgBZ;AAED,eAAe,IAAI,CAAC"}

package/lib/pages/Home.js

@@ -0,0 +1,15 @@
+import {jsx}from'react/jsx-runtime';import React from'react';import {Await}from'@remix-run/react';function Home() {
+  return jsx(React.Suspense, {
+    fallback: 'Loading...',
+    children: jsx(Await, {
+      resolve: [
+        // loaderData.reservationsQueryLoader
+      ],
+      children: jsx("div", {
+        children: jsx("h1", {
+          children: "Home"
+        })
+      })
+    })
+  });
+}export{Home as default};//# sourceMappingURL=Home.js.map

package/lib/pages/Home.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Home.js","sources":["../../src/pages/Home.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"kGAGA,SAAS,IAAI,GAAA;AACT,EAAA,OAAAA,GACI,CAAA,KAAM,CAAA;YAIU,EAAqC,YAAA;AACxC,IAAA,QAAA,EAAAA,GAAA,CAAA,KAAA;AASrB,MAAC,OAAA,EAAA;AAED;;;;;;;;;"}

package/lib/routes.json

@@ -1,9 +1,20 @@
 [
+  {
+    "/o/:orgName/dashboard/test": {
+      "key": "home",
+      "name": "Home",
+      "hideInMenu": true,
+      "icon": "",
+      "path": "/o/:orgName/dashboard/test",
+      "componentPath": "@admin-layout/demo-tailwind-browser/lib/pages/Home.js",
+      "hasComponent": true
+    }
+  },
   {
     "/o/:orgName/exception": {
       "name": "Exception",
       "key": "menu.exception",
-      "icon": "",
+      "icon": "IoMdSettings",
       "path": "/o/:orgName/exception",
       "position": "LOWER",
       "exact": false,
@@ -54,7 +65,7 @@
     "/o/:orgName/result": {
       "name": "Result",
       "key": "menu.result",
-      "icon": "",
+      "icon": "IoIosClipboard",
       "path": "/o/:orgName/result",
       "position": "LOWER",
       "auth": true,
@@ -88,5 +99,31 @@
       "componentPath": "@admin-layout/demo-tailwind-browser/lib/components/result/fail/Component.js",
       "hasComponent": true
     }
+  },
+  {
+    "/o/:orgName/themeShowCase": {
+      "name": "ThemeShowCase",
+      "key": "menu.themeShowCase",
+      "path": "/o/:orgName/themeShowCase",
+      "auth": true,
+      "position": "LOWER",
+      "exact": true,
+      "priority": 2,
+      "componentPath": "@admin-layout/demo-tailwind-browser/lib/components/ThemeShowCase/index.js",
+      "hasComponent": true
+    }
+  },
+  {
+    "/o/:orgName/otp-example": {
+      "name": "OTP Example",
+      "key": "menu.otp",
+      "path": "/o/:orgName/otp-example",
+      "auth": true,
+      "position": "LOWER",
+      "exact": true,
+      "priority": 2,
+      "componentPath": "@admin-layout/demo-tailwind-browser/lib/components/OTPExamples.js",
+      "hasComponent": true
+    }
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/demo-tailwind-browser",
-    "version": "11.0.4-alpha.4",
+    "version": "12.0.16-alpha.1",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -21,11 +21,11 @@
         "watch": "yarn build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/assets": "11.0.4-alpha.4",
-        "@admin-layout/tailwind-design-pro": "11.0.4-alpha.4",
+        "@admin-layout/assets": "10.1.1-alpha.0",
+        "@admin-layout/tailwind-design-pro": "12.0.16-alpha.1",
+        "@admin-layout/tailwind-ui": "12.0.16-alpha.0",
         "@pubngo-stack/icons": "8.0.7",
         "@react-icons/all-files": "^4.1.0",
-        "@xstate/react": "^4.1.1",
         "marked": "7.0.5",
         "openai": "^4.52.0"
     },
@@ -53,5 +53,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "eff06b5e432bf05a97fdd61eb30af62ad219b617"
+    "gitHead": "e145ff00bca51241e04f27a2b976440aa20f3219"
 }