@admin-layout/tailwind-ui 12.2.1-alpha.0 → 12.2.1-alpha.4

package/lib/components/ErrorHandlers/RemixErrorBoundary.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+/**
+ * Remix Route ErrorBoundary Component
+ * This is specifically for Remix route errors (404s, loader errors, etc.)
+ * Different from React's ErrorBoundary which handles component errors
+ *
+ * Usage in root.tsx or any route file:
+ * export { RemixErrorBoundary as ErrorBoundary } from '@admin-layout/tailwind-ui';
+ */
+export declare function RemixErrorBoundary(): React.JSX.Element;
+//# sourceMappingURL=RemixErrorBoundary.d.ts.map

package/lib/components/ErrorHandlers/RemixErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemixErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,sBA0HjC"}

package/lib/components/ErrorHandlers/RemixErrorBoundary.js

@@ -0,0 +1,119 @@
+import*as React from'react';import {useRouteError,useNavigate,isRouteErrorResponse}from'@remix-run/react';import {logger}from'@cdm-logger/client';/**
+ * Remix Route ErrorBoundary Component
+ * This is specifically for Remix route errors (404s, loader errors, etc.)
+ * Different from React's ErrorBoundary which handles component errors
+ *
+ * Usage in root.tsx or any route file:
+ * export { RemixErrorBoundary as ErrorBoundary } from '@admin-layout/tailwind-ui';
+ */
+function RemixErrorBoundary() {
+  const error = useRouteError();
+  const navigate = useNavigate();
+  React.useEffect(() => {
+    logger.error('Route Error:', error);
+    console.error('Route Error:', error);
+  }, [error]);
+  const handleGoHome = () => {
+    navigate('/');
+    // Reload to clear any stale state
+    window.location.reload();
+  };
+  if (isRouteErrorResponse(error)) {
+    return React.createElement("div", {
+      className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
+    }, React.createElement("div", {
+      className: "w-full max-w-md space-y-8 text-center"
+    }, React.createElement("div", {
+      className: "mb-4 flex justify-center"
+    }, React.createElement("div", {
+      className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
+    }, React.createElement("svg", {
+      className: "h-8 w-8 text-red-500",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor"
+    }, React.createElement("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+    })))), React.createElement("div", null, React.createElement("h1", {
+      className: "text-6xl font-bold text-gray-900"
+    }, error.status), React.createElement("h2", {
+      className: "mt-2 text-2xl font-bold tracking-tight text-gray-900"
+    }, error.statusText), error.data && React.createElement("p", {
+      className: "mt-2 text-sm text-gray-600"
+    }, error.data)), React.createElement("div", {
+      className: "mt-6"
+    }, React.createElement("button", {
+      onClick: handleGoHome,
+      className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
+    }, "Go back home"))));
+  } else if (error instanceof Error) {
+    return React.createElement("div", {
+      className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
+    }, React.createElement("div", {
+      className: "w-full max-w-2xl space-y-8"
+    }, React.createElement("div", {
+      className: "mb-4 flex justify-center"
+    }, React.createElement("div", {
+      className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
+    }, React.createElement("svg", {
+      className: "h-8 w-8 text-red-500",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor"
+    }, React.createElement("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+    })))), React.createElement("div", {
+      className: "text-center"
+    }, React.createElement("h1", {
+      className: "text-3xl font-bold tracking-tight text-gray-900"
+    }, "Application Error"), React.createElement("p", {
+      className: "mt-2 text-lg text-red-600"
+    }, error.message), error.stack && process.env.NODE_ENV !== 'production' && React.createElement("details", {
+      className: "mt-4 text-left"
+    }, React.createElement("summary", {
+      className: "cursor-pointer text-sm font-medium text-gray-700 hover:text-gray-900"
+    }, "Stack trace (development only)"), React.createElement("pre", {
+      className: "mt-2 overflow-auto rounded-md bg-gray-100 p-4 text-xs text-gray-800 max-h-96"
+    }, error.stack))), React.createElement("div", {
+      className: "mt-6 text-center"
+    }, React.createElement("button", {
+      onClick: handleGoHome,
+      className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
+    }, "Go back home"))));
+  } else {
+    return React.createElement("div", {
+      className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
+    }, React.createElement("div", {
+      className: "w-full max-w-md space-y-8 text-center"
+    }, React.createElement("div", {
+      className: "mb-4 flex justify-center"
+    }, React.createElement("div", {
+      className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
+    }, React.createElement("svg", {
+      className: "h-8 w-8 text-red-500",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor"
+    }, React.createElement("path", {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: 2,
+      d: "M6 18L18 6M6 6l12 12"
+    })))), React.createElement("div", null, React.createElement("h1", {
+      className: "text-3xl font-bold tracking-tight text-gray-900"
+    }, "Unknown Error"), React.createElement("p", {
+      className: "mt-2 text-sm text-gray-600"
+    }, "An unexpected error occurred. Please try again later.")), React.createElement("div", {
+      className: "mt-6"
+    }, React.createElement("button", {
+      onClick: handleGoHome,
+      className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
+    }, "Go back home"))));
+  }
+}export{RemixErrorBoundary};//# sourceMappingURL=RemixErrorBoundary.js.map

package/lib/components/ErrorHandlers/RemixErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemixErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAWG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,4 +1,5 @@
 export * from './ApplicationErrorHandler';
 export * from './ErrorBoundary';
 export * from './LayoutErrorBoundary';
+export * from './RemixErrorBoundary';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{RemixErrorBoundary}from'./components/ErrorHandlers/RemixErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map

package/lib/shardui/resizable.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import * as ResizablePrimitive from 'react-resizable-panels';
 declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React.JSX.Element;
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLHeadingElement | HTMLParagraphElement | HTMLDetailsElement | HTMLPreElement | HTMLSelectElement | HTMLOptionElement | HTMLOptGroupElement | HTMLInputElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableRowElement | HTMLTableCellElement | HTMLSpanElement | HTMLImageElement | HTMLUListElement | HTMLLIElement | HTMLAnchorElement | HTMLObjectElement | HTMLLinkElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLabelElement | HTMLLegendElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOutputElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
     className?: string | undefined;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/tailwind-ui",
-    "version": "12.2.1-alpha.0",
+    "version": "12.2.1-alpha.4",
     "description": "Sample core for higher packages to depend on",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -29,7 +29,7 @@
         "watch": "npm run build:lib:watch"
     },
     "dependencies": {
-        "@admin-layout/client": "12.2.1-alpha.0",
+        "@admin-layout/client": "12.2.1-alpha.3",
         "@radix-ui/react-accordion": "^1.2.0",
         "@radix-ui/react-alert-dialog": "^1.1.1",
         "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -89,5 +89,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "12c777dbbb799cf12206b2c6d89fd8fc0e671efb"
+    "gitHead": "186c755a8435d22979fa734b7d92d5d775367e21"
 }