@sqrzro/admin 4.0.0-alpha.1 → 4.0.0-alpha.3

package/dist/components/AdminAuth/index.d.ts

@@ -0,0 +1,4 @@
+import type { AuthProps } from '@sqrzro/auth';
+type AdminAuthProps = Omit<AuthProps, 'classNameProps' | 'classNames'>;
+declare function AdminAuth(props: AdminAuthProps): React.ReactElement;
+export default AdminAuth;

package/dist/components/AdminAuth/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Auth } from '@sqrzro/auth';
+import { twx } from '@sqrzro/ui/styles';
+const authClassNames = twx({
+    actions: 'mt-2 w-full',
+    footer: 'mt-2',
+    form: 'flex flex-col gap-6',
+    link: 'text-link font-semibold',
+    logo: 'row-start-2 mx-auto mx-auto flex h-12 w-32 w-48 items-end',
+    panel: 'row-start-3 flex w-screen max-w-sm flex-col gap-6 rounded-lg bg-white p-6 py-8 shadow-lg',
+    root: 'grid flex-1 grid-rows-[1fr_auto_auto_3fr] justify-center gap-8 bg-slate-800',
+    title: 'mb-1 text-lg font-semibold leading-none',
+});
+function AdminAuth(props) {
+    return _jsx(Auth, { classNames: authClassNames, ...props });
+}
+export default AdminAuth;

package/dist/config.js

@@ -1,4 +1,6 @@
 import { tw, twx } from '@sqrzro/ui/styles';
+const showClosed = 'transition-discrete transition-all duration-100 invisible opacity-0 ease-in-out scale-90';
+const showOpen = 'starting:opacity-0 starting:scale-90 visible opacity-100 scale-100';
 const classNames = twx({
     actionList: {
         root: tw('flex items-center gap-2 [&_li]:first:mr-auto'),
@@ -58,7 +60,7 @@ const classNames = twx({
     },
     modal: {
         root: 'starting:open:backdrop:opacity-0 py-16 backdrop:bg-slate-700/50 backdrop:transition-all backdrop:duration-500 open:backdrop:opacity-100',
-        panel: 'show row-start-2 mx-auto flex w-full max-w-lg flex-col gap-6 rounded bg-white p-6 shadow-xl',
+        panel: `${showOpen} row-start-2 mx-auto flex w-full max-w-lg flex-col gap-6 rounded bg-white p-6 shadow-xl`,
         content: 'flex flex-col gap-6 [&_p]:text-pretty',
         icon: 'text-slate-400',
         title: 'flex items-center gap-2 border-b border-slate-200 pb-6 text-lg font-semibold',
@@ -75,7 +77,10 @@ const classNames = twx({
         navigation: 'inline-flex h-9 items-center justify-center gap-1 whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium hover:bg-slate-100',
     },
     popover: {
-        root: { default: 'w-full bg-red-500' },
+        root: {
+            default: `${showClosed} z-20 my-1.5 w-full rounded border border-slate-300 bg-white text-slate-700 shadow-md`,
+            focused: `${showOpen}`,
+        },
     },
     rootLayout: {
         root: 'overflow-x-hidden overflow-y-scroll bg-slate-50 font-sans text-sm text-slate-800 has-[[data-modal][open]]:overflow-hidden',

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './utility/interfaces';
 export { default as classNames } from './config';
 export { default as AdminAppLayout } from './components/AdminAppLayout';
+export { default as AdminAuth } from './components/AdminAuth';
 export { default as AdminLayout } from './components/AdminLayout';
 export { default as AdminPage } from './components/AdminPage';
 export { default as AdminPageActions } from './components/AdminPageActions';

package/dist/index.js

@@ -1,6 +1,7 @@
 export * from './utility/interfaces';
 export { default as classNames } from './config';
 export { default as AdminAppLayout } from './components/AdminAppLayout';
+export { default as AdminAuth } from './components/AdminAuth';
 export { default as AdminLayout } from './components/AdminLayout';
 export { default as AdminPage } from './components/AdminPage';
 export { default as AdminPageActions } from './components/AdminPageActions';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sqrzro/admin",
   "type": "module",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "ISC",
@@ -12,8 +12,8 @@
     "next": "^16.1.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.1",
-    "@sqrzro/auth": "^4.0.0-alpha.1",
-    "@sqrzro/ui": "^4.0.0-alpha.1"
+    "@sqrzro/auth": "^4.0.0-alpha.8",
+    "@sqrzro/ui": "^4.0.0-alpha.13"
   },
   "devDependencies": {
     "@types/react": "^19.2.7",