@admin-layout/demo-tailwind-browser 10.0.9-alpha.9 → 10.1.1-alpha.2

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;AAG1B;;GAEG;AACH,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAuEzB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/OTPExamples.js

@@ -0,0 +1,85 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {OTPVerification}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",
+    children: [jsx("h1", {
+      className: "text-2xl font-bold mb-6",
+      children: "OTP Verification Examples"
+    }), jsx("h2", {
+      className: "text-xl font-semibold mb-4",
+      children: "Basic Usage"
+    }), jsx("div", {
+      className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 flex items-center justify-center p-4",
+      children: jsx(OTPVerification, {})
+    }), jsx("h2", {
+      className: "text-xl font-semibold mb-4",
+      children: "Custom Configuration"
+    }), jsx("div", {
+      className: "min-h-screen bg-gradient-to-br from-blue-50 to-indigo-50 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",
+      children: "Implementation Notes"
+    }), jsxs("div", {
+      className: "bg-gray-50 p-4 rounded-lg",
+      children: [jsx("h3", {
+        className: "font-medium mb-2",
+        children: "Features"
+      }), jsxs("ul", {
+        className: "list-disc list-inside mb-4 space-y-1",
+        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":"iGAGA;;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;AA2CR,IAAE,SAAA,EAAA,KAAA;AAEF,IAAA,QAAA,EAAA,CAAeC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeExample.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const ThemeShowcase: React.FC;
+export default ThemeShowcase;
+//# sourceMappingURL=ThemeExample.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeExample.d.ts","sourceRoot":"","sources":["../../src/components/ThemeExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAsc1B,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/ThemeExample.js

@@ -0,0 +1,436 @@
+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

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

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,GAkGxB,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

@@ -32,7 +32,7 @@ const MainRoutes = [{
 }, {
   name: 'Exception',
   key: 'menu.exception',
-  icon: '',
+  icon: 'IoMdSettings',
   path: `${ORG_STD_ROUTES.ORG_BASE_PATH}/exception`,
   position: IMenuPosition.Lower,
   exact: false,
@@ -71,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,
@@ -98,6 +98,26 @@ const MainRoutes = [{
   priority: 2,
   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`,
+  auth: true,
+  position: IMenuPosition.Lower,
+  exact: true,
+  priority: 2,
+  componentPath: "@admin-layout/demo-tailwind-browser/lib/components/ThemeExample.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":"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"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"+NAIa,MAAA,UAAU,GAAQ,CAAA;AAC3B;aACmB;AACf,EAAA,IAAA,EAAA,MAAW;AACX,EAAA,SAAA,QAAY,OAAA,iBAAA,CAAA;AACZ;;;;;;;;;;;;;;;;;;;YAmBe,EAAA,IAAA;AACf,EAAA,IAAA,EAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,cAAQ,CAAA,aAAA,CAAA,eAAA;AACR,CAAA,EAAA;AACH,EAAA,IAAA,EAAA,WAAA;AACD,EAAA,GAAA,EAAA,gBAAA;AACI,EAAA,IAAA,EAAA,cAAiB;AACjB,EAAA,IAAA,EAAA,CAAA,EAAG,cAAkB,CAAA,aAAA,CAAA,UAAA,CAAA;AACrB,EAAA,SAAA,QAAoB,OAAA,qCAAA,CAAA;AACpB,EAAA,QAAA,EAAI,aAAmB,CAAA,KAAA;AACvB,EAAA,KAAA,EAAA;;AAEA,EAAA,IAAA,EAAA,eAAY;AACf,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,eAAuB;AACvB,EAAA,GAAA,EAAA,oBAAW;AACX,EAAA,IAAA,EAAA,CAAA,EAAA,cAAW,CAAA,aAAA,CAAA,cAAA,CAAA;AACd,EAAA,IAAA,EAAA,IAAA;AACD,EAAA,SAAA,EAAA,MAAA,OAAA,yCAAA,CAAA;AACI,EAAA,QAAA,EAAI,aAAiB,CAAA,KAAA;AACrB,EAAA,KAAA,EAAA,IAAK;AACL,EAAA,QAAA,EAAI;AACJ,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,QAAA;oBACuB;AACvB,EAAA,IAAA,EAAA,gBAAW;AACX,EAAA,IAAA,EAAA,CAAA,EAAA,cAAW,CAAA,aAAA,CAAA,OAAA,CAAA;AACd,EAAA,QAAA,EAAA,aAAA,CAAA,KAAA;AACD,EAAA,SAAA,EAAA,MAAA,OAAA,+BAAA,CAAA;AACI,EAAA,IAAA,EAAA,IAAI;AACJ,EAAA,KAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,SAAS;4BACc;AACvB,EAAA,IAAA,EAAA,CAAA,EAAA,cAAiB,CAAM;AACvB,EAAA,IAAA,EAAA,IAAI;AACJ,EAAA,SAAA,EAAK,MAAO,OAAA,0CAAA,CAAA;AACf,EAAA,QAAA,EAAA,aAAA,CAAA,KAAA;AACD,EAAA,KAAA,EAAA,IAAA;AACI,EAAA,QAAA,EAAI;AACJ,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,MAAM;AACN,EAAA,GAAA,EAAA,kBAAU;AACV,EAAA,IAAA,EAAA,CAAA,EAAA,cAAiB,CAAM;QACvB,IAAQ;AACR,EAAA,SAAA,EAAK,MAAM,OAAA,uCAAA,CAAA;AACX,EAAA,QAAA,EAAA,aAAW,CAAA,KAAA;AACd,EAAA,KAAA,EAAA,IAAA;AACD,EAAA,QAAA,EAAA;AACI,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,QAAuB;AACvB,EAAA,GAAA,EAAA,aAAuB;AACvB,EAAA,IAAA,EAAA,CAAA,EAAA,cAAU,CAAA,aAAA,CAAA,OAAA,CAAA;AACV,EAAA,IAAA,EAAA,IAAA;WACQ,EAAA,MAAe,OAAA,8BAAM,CAAA;AAC7B,EAAA,QAAA,EAAA,aAAW,CAAA,KAAA;AACX,EAAA,KAAA,EAAA,IAAA;AACH,EAAA,QAAA,EAAA;AACD,CAAA,EAAA;AACI,EAAA,IAAA,EAAA,aAAc;AACd,EAAA,GAAA,EAAA,UAAkB;AAClB,EAAA,IAAA,EAAA,CAAA,EAAA,cAAuB,CAAA,0BAAuB,CAAA;AAC9C,EAAA,IAAA,EAAA,IAAI;AACJ,EAAA,SAAA,EAAA,MAAW,OAAY;UACf,EAAA,aAAe,CAAA,KAAA;AACvB,EAAA,KAAA,EAAA,IAAK;AACL,EAAA,QAAA,EAAA;AACH,CAAA;AACD;AACI,MAAA,WAAmB,GAAA,GAAA;AACnB;AACuB,2BAA4B,EAAA,WAAA;AACnD;AACA,MAAA,cAAc,GAAA,yCAAqC"}

package/lib/routes.json

@@ -14,7 +14,7 @@
     "/o/:orgName/exception": {
       "name": "Exception",
       "key": "menu.exception",
-      "icon": "",
+      "icon": "IoMdSettings",
       "path": "/o/:orgName/exception",
       "position": "LOWER",
       "exact": false,
@@ -65,7 +65,7 @@
     "/o/:orgName/result": {
       "name": "Result",
       "key": "menu.result",
-      "icon": "",
+      "icon": "IoIosClipboard",
       "path": "/o/:orgName/result",
       "position": "LOWER",
       "auth": true,
@@ -99,5 +99,31 @@
       "componentPath": "@admin-layout/demo-tailwind-browser/lib/components/result/fail/Component.js",
       "hasComponent": true
     }
+  },
+  {
+    "/o/:orgName/themes": {
+      "name": "Themes",
+      "key": "menu.themes",
+      "path": "/o/:orgName/themes",
+      "auth": true,
+      "position": "LOWER",
+      "exact": true,
+      "priority": 2,
+      "componentPath": "@admin-layout/demo-tailwind-browser/lib/components/ThemeExample.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": "10.0.9-alpha.9",
+    "version": "10.1.1-alpha.2",
     "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": "10.0.9-alpha.4",
-        "@admin-layout/tailwind-design-pro": "10.0.9-alpha.9",
+        "@admin-layout/assets": "10.1.1-alpha.0",
+        "@admin-layout/tailwind-design-pro": "10.1.1-alpha.2",
+        "@admin-layout/tailwind-ui": "10.1.1-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"
     },
@@ -50,8 +50,8 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "5bc5474ea74926799338fe9be773b10858d1948c",
     "typescript": {
         "definition": "lib/index.d.ts"
-    }
+    },
+    "gitHead": "fe553360450b4cb29784ee960488a07a5b0c5e44"
 }