@admin-layout/demo-tailwind-browser 10.0.9-alpha.6 → 10.0.9-alpha.60

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,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,GA4GxB,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,16 @@ 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
 }];
 // 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,18 @@
       "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
+    }
   }
 ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/demo-tailwind-browser",
-    "version": "10.0.9-alpha.6",
+    "version": "10.0.9-alpha.60",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -22,7 +22,7 @@
     },
     "dependencies": {
         "@admin-layout/assets": "10.0.9-alpha.4",
-        "@admin-layout/tailwind-design-pro": "10.0.9-alpha.6",
+        "@admin-layout/tailwind-design-pro": "10.0.9-alpha.60",
         "@pubngo-stack/icons": "8.0.7",
         "@react-icons/all-files": "^4.1.0",
         "@xstate/react": "^4.1.1",
@@ -50,7 +50,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "ed61f7b01cd32ca51f31c764c78db9470aefce49",
+    "gitHead": "c881682d1133f7e5ce98003758648b1fddfb8a76",
     "typescript": {
         "definition": "lib/index.d.ts"
     }