@admin-layout/tailwind-ui 12.2.4-alpha.97 → 12.2.4-alpha.98

package/lib/components/ErrorPages/403.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}
+{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

package/lib/components/ErrorPages/403.js

@@ -1,6 +1,7 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error403 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {useErrorAsset}from'./useErrorAsset.js';const Error403 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
+  const imgSrc = useErrorAsset('error-403-540x432.png');
   return jsx("div", {
     className: "flex justify-center items-center",
     children: jsxs("div", {
@@ -13,7 +14,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/rea
       }), jsx("div", {
         className: "mt-10",
         children: jsx("img", {
-          src: assets['error-403-540x432.png'],
+          src: imgSrc,
           alt: "403 Error"
         })
       }), jsx("div", {

package/lib/components/ErrorPages/403.js.map

@@ -1 +1 @@
-{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/404.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}
+{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

package/lib/components/ErrorPages/404.js

@@ -1,6 +1,7 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error404 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {useErrorAsset}from'./useErrorAsset.js';const Error404 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
+  const imgSrc = useErrorAsset('error-404-540x432.png');
   return jsx("div", {
     className: "flex justify-center items-center",
     children: jsxs("div", {
@@ -13,7 +14,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/rea
       }), jsx("div", {
         className: "mt-10",
         children: jsx("img", {
-          src: assets['error-404-540x432.png'],
+          src: imgSrc,
           alt: "404 Error"
         })
       }), jsx("div", {

package/lib/components/ErrorPages/404.js.map

@@ -1 +1 @@
-{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/500.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}
+{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

package/lib/components/ErrorPages/500.js

@@ -1,6 +1,7 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error500 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {useErrorAsset}from'./useErrorAsset.js';const Error500 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
+  const imgSrc = useErrorAsset('error-500-252x475.png');
   return jsx("div", {
     className: "flex justify-center items-center",
     children: jsxs("div", {
@@ -13,7 +14,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/rea
       }), jsx("div", {
         className: "mt-10",
         children: jsx("img", {
-          src: assets['error-500-252x475.png'],
+          src: imgSrc,
           alt: "500 Error"
         })
       }), jsx("div", {

package/lib/components/ErrorPages/500.js.map

@@ -1 +1 @@
-{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/useErrorAsset.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The `@admin-layout/assets` barrel bakes EVERY image in as a base64 data URI
+ * (~335 KB of JS, ~233 KB gzipped - login backgrounds, logos, error
+ * illustrations). A static `import assets from '@admin-layout/assets'` here
+ * dragged that whole blob into the initial bundle of every app that imports
+ * anything from the tailwind-ui barrel - to show images that only render on
+ * ERROR pages. Load the map on demand instead: the blob becomes one async
+ * chunk fetched the first time an error page actually renders.
+ */
+export declare function useErrorAsset(key: string): string | undefined;
+//# sourceMappingURL=useErrorAsset.d.ts.map

package/lib/components/ErrorPages/useErrorAsset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorAsset.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/useErrorAsset.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAgB7D"}

package/lib/components/ErrorPages/useErrorAsset.js

@@ -0,0 +1,24 @@
+import {useState,useEffect}from'react';/**
+ * The `@admin-layout/assets` barrel bakes EVERY image in as a base64 data URI
+ * (~335 KB of JS, ~233 KB gzipped - login backgrounds, logos, error
+ * illustrations). A static `import assets from '@admin-layout/assets'` here
+ * dragged that whole blob into the initial bundle of every app that imports
+ * anything from the tailwind-ui barrel - to show images that only render on
+ * ERROR pages. Load the map on demand instead: the blob becomes one async
+ * chunk fetched the first time an error page actually renders.
+ */
+function useErrorAsset(key) {
+  const [src, setSrc] = useState(undefined);
+  useEffect(() => {
+    let cancelled = false;
+    import('@admin-layout/assets').then(mod => {
+      if (!cancelled) setSrc(mod.default[key]);
+    }).catch(() => {
+      /* image is decorative - the error text already rendered */
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [key]);
+  return src;
+}export{useErrorAsset};//# sourceMappingURL=useErrorAsset.js.map

package/lib/components/ErrorPages/useErrorAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorAsset.js","sources":["../../../src/components/ErrorPages/useErrorAsset.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAUG;AACH;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.4-alpha.97",
+    "version": "12.2.4-alpha.98",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -93,7 +93,7 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "2e160f665e73ab8d20cc1563363b7088393fc71e",
+    "gitHead": "31c7f5b350f4d052df1064e85d964f14d750bbe1",
     "typescript": {
         "definition": "lib/index.d.ts"
     }