@admin-layout/demo-tailwind-browser 10.1.1-alpha.22 → 10.1.1-alpha.24

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":"AAmCA,wBAAgB,aAAa,4CAiL5B"}

package/lib/components/ThemeShowCase/ThemeShowcase.js

@@ -0,0 +1,188 @@
+import {jsx,jsxs}from'react/jsx-runtime';import {Palette,Code,Eye,Check}from'lucide-react';import {Card,CardHeader,CardTitle,CardContent,Label,Input,Button,Badge}from'@admin-layout/tailwind-ui';// import { useTheme, Theme } from '@/contexts/ThemeContext';
+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: Theme) => {
+  //   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: "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"
+              })]
+            })]
+          })]
+        }), jsx(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(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: [jsx("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
+                  })]
+                })
+              }), 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: jsx(Button
+                  // variant={isActive ? "default" : "outline"}
+                  , {
+                    // variant={isActive ? "default" : "outline"}
+                    className: "w-full",
+                    children: "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"],"mappings":"kMAMA;AAEA,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;;;;;AAOzB,EAAA,OAAAA,GACI,CAAA,SAAA,EAAA;uCAoGkD;wBAE3B,EAAA;;;wDAsC8D;;AAezE,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/compute.js

@@ -99,14 +99,14 @@ const MainRoutes = [{
   componentPath: "@admin-layout/demo-tailwind-browser/lib/components/result/fail/Component.js",
   hasComponent: true
 }, {
-  name: 'Themes',
-  key: 'menu.themes',
-  path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/themes`,
+  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/ThemeExample.js",
+  componentPath: "@admin-layout/demo-tailwind-browser/lib/components/ThemeShowCase/index.js",
   hasComponent: true
 }, {
   name: 'OTP Example',

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/routes.json

@@ -101,15 +101,15 @@
     }
   },
   {
-    "/o/:orgName/themes": {
-      "name": "Themes",
-      "key": "menu.themes",
-      "path": "/o/:orgName/themes",
+    "/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/ThemeExample.js",
+      "componentPath": "@admin-layout/demo-tailwind-browser/lib/components/ThemeShowCase/index.js",
       "hasComponent": true
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/demo-tailwind-browser",
-    "version": "10.1.1-alpha.22",
+    "version": "10.1.1-alpha.24",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -22,8 +22,8 @@
     },
     "dependencies": {
         "@admin-layout/assets": "10.1.1-alpha.0",
-        "@admin-layout/tailwind-design-pro": "10.1.1-alpha.22",
-        "@admin-layout/tailwind-ui": "10.1.1-alpha.21",
+        "@admin-layout/tailwind-design-pro": "10.1.1-alpha.24",
+        "@admin-layout/tailwind-ui": "10.1.1-alpha.24",
         "@pubngo-stack/icons": "8.0.7",
         "@react-icons/all-files": "^4.1.0",
         "marked": "7.0.5",
@@ -53,5 +53,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "6a193abffe883ee300db663eb18375de710dee3a"
+    "gitHead": "698137c0ed59c4115841d621bb9c28b4f4c7a6b0"
 }

package/lib/components/ThemeExample.js

@@ -1,436 +0,0 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useTheme}from'@admin-layout/tailwind-design-pro';const ThemeShowcase = () => {
-  const {
-    theme,
-    isDarkMode
-  } = useTheme();
-  // Get text color based on dark mode
-  const textColors = isDarkMode ? theme.colors.text.dark : theme.colors.text.light;
-  return jsxs("div", {
-    className: "w-full max-w-4xl mx-auto space-y-8",
-    children: [jsxs("section", {
-      className: "space-y-4",
-      children: [jsx("h2", {
-        className: "text-2xl font-bold",
-        style: {
-          color: textColors.primary
-        },
-        children: "Color Palette"
-      }), jsxs("div", {
-        className: "space-y-4",
-        children: [jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-2 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Primary"
-          }), jsx("div", {
-            className: "grid grid-cols-11 gap-1 h-12",
-            children: Object.entries(theme.colors.primary).map(([shade, color]) => jsx("div", {
-              className: "rounded flex items-end justify-center p-1",
-              style: {
-                backgroundColor: color
-              },
-              children: jsx("span", {
-                className: "text-[10px] font-mono",
-                style: {
-                  color: parseInt(shade) > 500 ? '#fff' : '#000',
-                  opacity: 0.8
-                },
-                children: shade
-              })
-            }, `primary-${shade}`))
-          })]
-        }), jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-2 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Secondary"
-          }), jsx("div", {
-            className: "grid grid-cols-11 gap-1 h-12",
-            children: Object.entries(theme.colors.secondary).map(([shade, color]) => jsx("div", {
-              className: "rounded flex items-end justify-center p-1",
-              style: {
-                backgroundColor: color
-              },
-              children: jsx("span", {
-                className: "text-[10px] font-mono",
-                style: {
-                  color: parseInt(shade) > 500 ? '#fff' : '#000',
-                  opacity: 0.8
-                },
-                children: shade
-              })
-            }, `secondary-${shade}`))
-          })]
-        }), jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-2 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Accent"
-          }), jsx("div", {
-            className: "grid grid-cols-11 gap-1 h-12",
-            children: Object.entries(theme.colors.accent).map(([shade, color]) => jsx("div", {
-              className: "rounded flex items-end justify-center p-1",
-              style: {
-                backgroundColor: color
-              },
-              children: jsx("span", {
-                className: "text-[10px] font-mono",
-                style: {
-                  color: parseInt(shade) > 500 ? '#fff' : '#000',
-                  opacity: 0.8
-                },
-                children: shade
-              })
-            }, `accent-${shade}`))
-          })]
-        }), jsxs("div", {
-          className: "grid grid-cols-3 gap-4",
-          children: [jsxs("div", {
-            children: [jsx("h3", {
-              className: "mb-2 font-medium",
-              style: {
-                color: textColors.secondary
-              },
-              children: "Success"
-            }), jsx("div", {
-              className: "h-12 rounded flex items-center justify-center",
-              style: {
-                backgroundColor: theme.colors.success[500]
-              },
-              children: jsx("span", {
-                className: "text-white font-medium",
-                children: "Success"
-              })
-            })]
-          }), jsxs("div", {
-            children: [jsx("h3", {
-              className: "mb-2 font-medium",
-              style: {
-                color: textColors.secondary
-              },
-              children: "Warning"
-            }), jsx("div", {
-              className: "h-12 rounded flex items-center justify-center",
-              style: {
-                backgroundColor: theme.colors.warning[500]
-              },
-              children: jsx("span", {
-                className: "text-black font-medium",
-                children: "Warning"
-              })
-            })]
-          }), jsxs("div", {
-            children: [jsx("h3", {
-              className: "mb-2 font-medium",
-              style: {
-                color: textColors.secondary
-              },
-              children: "Error"
-            }), jsx("div", {
-              className: "h-12 rounded flex items-center justify-center",
-              style: {
-                backgroundColor: theme.colors.error[500]
-              },
-              children: jsx("span", {
-                className: "text-white font-medium",
-                children: "Error"
-              })
-            })]
-          })]
-        })]
-      })]
-    }), jsxs("section", {
-      className: "space-y-4",
-      children: [jsx("h2", {
-        className: "text-2xl font-bold",
-        style: {
-          color: textColors.primary
-        },
-        children: "Typography"
-      }), jsxs("div", {
-        className: "space-y-6",
-        children: [jsxs("div", {
-          className: "space-y-3",
-          children: [jsx("h1", {
-            className: "text-4xl",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.headings.fontWeight,
-              lineHeight: theme.typography.headings.lineHeight,
-              letterSpacing: theme.typography.headings.letterSpacing,
-              color: textColors.primary
-            },
-            children: "Heading 1"
-          }), jsx("h2", {
-            className: "text-3xl",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.headings.fontWeight,
-              lineHeight: theme.typography.headings.lineHeight,
-              letterSpacing: theme.typography.headings.letterSpacing,
-              color: textColors.primary
-            },
-            children: "Heading 2"
-          }), jsx("h3", {
-            className: "text-2xl",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.headings.fontWeight,
-              lineHeight: theme.typography.headings.lineHeight,
-              letterSpacing: theme.typography.headings.letterSpacing,
-              color: textColors.primary
-            },
-            children: "Heading 3"
-          }), jsx("h4", {
-            className: "text-xl",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.headings.fontWeight,
-              lineHeight: theme.typography.headings.lineHeight,
-              letterSpacing: theme.typography.headings.letterSpacing,
-              color: textColors.primary
-            },
-            children: "Heading 4"
-          })]
-        }), jsxs("div", {
-          className: "space-y-3",
-          children: [jsxs("p", {
-            className: "text-base",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.body.fontWeight,
-              lineHeight: theme.typography.body.lineHeight,
-              letterSpacing: theme.typography.body.letterSpacing,
-              color: textColors.primary
-            },
-            children: ["This is regular body text in the ", theme.name, " theme. It demonstrates the default paragraph styling with appropriate line height and letter spacing."]
-          }), jsx("p", {
-            className: "text-sm",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.body.fontWeight,
-              lineHeight: theme.typography.body.lineHeight,
-              letterSpacing: theme.typography.body.letterSpacing,
-              color: textColors.secondary
-            },
-            children: "This is smaller text that might be used for secondary information."
-          }), jsx("p", {
-            className: "text-xs",
-            style: {
-              fontFamily: theme.fontFamily.sans.join(', '),
-              fontWeight: theme.typography.body.fontWeight,
-              lineHeight: theme.typography.body.lineHeight,
-              letterSpacing: theme.typography.body.letterSpacing,
-              color: textColors.tertiary
-            },
-            children: "This is small text used for captions, hints, or metadata."
-          })]
-        }), jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-2 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Monospace"
-          }), jsxs("code", {
-            className: "text-sm block p-3 rounded",
-            style: {
-              fontFamily: theme.fontFamily.mono.join(', '),
-              backgroundColor: isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.05)',
-              color: textColors.primary
-            },
-            children: ["console.log(\"Hello from the ", theme.name, " theme!\");"]
-          })]
-        })]
-      })]
-    }), jsxs("section", {
-      className: "space-y-4",
-      children: [jsx("h2", {
-        className: "text-2xl font-bold",
-        style: {
-          color: textColors.primary
-        },
-        children: "Components"
-      }), jsxs("div", {
-        className: "space-y-6",
-        children: [jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-4 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Buttons"
-          }), jsxs("div", {
-            className: "flex flex-wrap gap-4",
-            children: [jsx("button", {
-              className: "transition-all hover:scale-105",
-              style: {
-                backgroundColor: theme.components.buttons.primary.background,
-                color: theme.components.buttons.primary.text,
-                borderRadius: theme.components.buttons.primary.borderRadius,
-                padding: theme.components.buttons.primary.padding,
-                fontWeight: theme.components.buttons.primary.fontWeight
-              },
-              children: "Primary Button"
-            }), jsx("button", {
-              className: "transition-all hover:scale-105",
-              style: {
-                backgroundColor: theme.components.buttons.secondary.background,
-                color: theme.components.buttons.secondary.text,
-                border: theme.components.buttons.secondary.border,
-                borderRadius: theme.components.buttons.secondary.borderRadius,
-                padding: theme.components.buttons.secondary.padding,
-                fontWeight: theme.components.buttons.secondary.fontWeight
-              },
-              children: "Secondary Button"
-            })]
-          })]
-        }), jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-4 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Cards"
-          }), jsxs("div", {
-            className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-            children: [jsxs("div", {
-              style: {
-                borderRadius: theme.components.cards.borderRadius,
-                padding: theme.components.cards.padding,
-                boxShadow: theme.components.cards.shadow,
-                border: theme.components.cards.border,
-                backgroundColor: isDarkMode ? 'rgba(255, 255, 255, 0.05)' : 'white'
-              },
-              children: [jsx("h4", {
-                className: "text-lg mb-2",
-                style: {
-                  color: textColors.primary,
-                  fontWeight: theme.typography.headings.fontWeight
-                },
-                children: "Card Title"
-              }), jsxs("p", {
-                style: {
-                  color: textColors.secondary
-                },
-                children: ["This is an example card component styled according to the ", theme.name, " theme guidelines."]
-              })]
-            }), jsxs("div", {
-              style: {
-                borderRadius: theme.components.cards.borderRadius,
-                padding: theme.components.cards.padding,
-                boxShadow: theme.components.cards.shadow,
-                border: theme.components.cards.border,
-                backgroundColor: isDarkMode ? 'rgba(255, 255, 255, 0.05)' : 'white'
-              },
-              children: [jsx("h4", {
-                className: "text-lg mb-2",
-                style: {
-                  color: textColors.primary,
-                  fontWeight: theme.typography.headings.fontWeight
-                },
-                children: "Featured Content"
-              }), jsx("p", {
-                style: {
-                  color: textColors.secondary
-                },
-                children: "Cards can be used to highlight important content or provide interactive elements."
-              }), jsx("button", {
-                className: "mt-4 transition-all hover:scale-105",
-                style: {
-                  backgroundColor: theme.components.buttons.primary.background,
-                  color: theme.components.buttons.primary.text,
-                  borderRadius: theme.components.buttons.primary.borderRadius,
-                  padding: '8px 16px',
-                  // Smaller for card context
-                  fontWeight: theme.components.buttons.primary.fontWeight
-                },
-                children: "Learn More"
-              })]
-            })]
-          })]
-        }), jsxs("div", {
-          children: [jsx("h3", {
-            className: "mb-4 font-medium",
-            style: {
-              color: textColors.secondary
-            },
-            children: "Form Controls"
-          }), jsxs("div", {
-            className: "space-y-4 max-w-md",
-            children: [jsxs("div", {
-              children: [jsx("label", {
-                className: "block mb-2 text-sm font-medium",
-                style: {
-                  color: textColors.secondary
-                },
-                children: "Text Input"
-              }), jsx("input", {
-                type: "text",
-                placeholder: "Enter some text",
-                className: "w-full transition-all focus:ring-2 focus:outline-none",
-                style: {
-                  backgroundColor: isDarkMode ? 'rgba(255, 255, 255, 0.05)' : 'white',
-                  color: textColors.primary,
-                  borderRadius: theme.components.inputs.borderRadius,
-                  padding: theme.components.inputs.padding,
-                  fontSize: theme.components.inputs.fontSize,
-                  lineHeight: theme.components.inputs.lineHeight,
-                  border: `1px solid ${isDarkMode ? 'rgba(255, 255, 255, 0.2)' : theme.components.inputs.borderColor}`
-                }
-              })]
-            }), jsxs("div", {
-              children: [jsx("label", {
-                className: "block mb-2 text-sm font-medium",
-                style: {
-                  color: textColors.secondary
-                },
-                children: "Select Menu"
-              }), jsxs("select", {
-                className: "w-full transition-all focus:ring-2 focus:outline-none",
-                style: {
-                  backgroundColor: isDarkMode ? 'rgba(255, 255, 255, 0.05)' : 'white',
-                  color: textColors.primary,
-                  borderRadius: theme.components.inputs.borderRadius,
-                  padding: theme.components.inputs.padding,
-                  fontSize: theme.components.inputs.fontSize,
-                  lineHeight: theme.components.inputs.lineHeight,
-                  border: `1px solid ${isDarkMode ? 'rgba(255, 255, 255, 0.2)' : theme.components.inputs.borderColor}`
-                },
-                children: [jsx("option", {
-                  children: "Option 1"
-                }), jsx("option", {
-                  children: "Option 2"
-                }), jsx("option", {
-                  children: "Option 3"
-                })]
-              })]
-            }), jsxs("div", {
-              className: "flex items-center",
-              children: [jsx("input", {
-                type: "checkbox",
-                id: "checkbox-example",
-                className: "mr-2 h-4 w-4 transition-all",
-                style: {
-                  accentColor: theme.colors.primary[500]
-                }
-              }), jsx("label", {
-                htmlFor: "checkbox-example",
-                style: {
-                  color: textColors.primary
-                },
-                children: "Checkbox example"
-              })]
-            })]
-          })]
-        })]
-      })]
-    })]
-  });
-};export{ThemeShowcase as default};//# sourceMappingURL=ThemeExample.js.map

package/lib/components/ThemeExample.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeExample.js","sources":["../../src/components/ThemeExample.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}