@k3-universe/react-kit 0.0.29 → 0.0.31

package/src/kit/builder/auth/utils/storage/encryption.ts

@@ -0,0 +1,80 @@
+export class SimpleEncryption {
+  private key: string
+
+  constructor(key: string) {
+    this.key = key
+  }
+
+  async encrypt(text: string): Promise<string> {
+    if (!crypto?.subtle) {
+      console.warn('[auth2][storage] Crypto API not available, storing unencrypted')
+      return text
+    }
+
+    try {
+      const encoder = new TextEncoder()
+      const data = encoder.encode(text)
+      const keyData = encoder.encode(this.key.padEnd(32, '0').slice(0, 32))
+
+      const cryptoKey = await crypto.subtle.importKey(
+        'raw',
+        keyData,
+        { name: 'AES-GCM', length: 256 },
+        false,
+        ['encrypt'],
+      )
+
+      const iv = crypto.getRandomValues(new Uint8Array(12))
+      const encrypted = await crypto.subtle.encrypt(
+        { name: 'AES-GCM', iv },
+        cryptoKey,
+        data,
+      )
+
+      const result = new Uint8Array(iv.length + encrypted.byteLength)
+      result.set(iv, 0)
+      result.set(new Uint8Array(encrypted), iv.length)
+
+      return btoa(String.fromCharCode(...result))
+    } catch (error) {
+      console.error('[auth2][storage] Encryption failed:', error)
+      return text
+    }
+  }
+
+  async decrypt(encrypted: string): Promise<string> {
+    if (!crypto?.subtle) {
+      console.warn('[auth2][storage] Crypto API not available, reading unencrypted')
+      return encrypted
+    }
+
+    try {
+      const encoder = new TextEncoder()
+      const decoder = new TextDecoder()
+      const keyData = encoder.encode(this.key.padEnd(32, '0').slice(0, 32))
+
+      const cryptoKey = await crypto.subtle.importKey(
+        'raw',
+        keyData,
+        { name: 'AES-GCM', length: 256 },
+        false,
+        ['decrypt'],
+      )
+
+      const data = Uint8Array.from(atob(encrypted), (c) => c.charCodeAt(0))
+      const iv = data.slice(0, 12)
+      const encryptedData = data.slice(12)
+
+      const decrypted = await crypto.subtle.decrypt(
+        { name: 'AES-GCM', iv },
+        cryptoKey,
+        encryptedData,
+      )
+
+      return decoder.decode(decrypted)
+    } catch (error) {
+      console.error('[auth2][storage] Decryption failed:', error)
+      return encrypted
+    }
+  }
+}

package/src/kit/builder/auth/utils/storage/env.ts

@@ -0,0 +1,2 @@
+export const isBrowser =
+  typeof window !== "undefined" && typeof window.localStorage !== "undefined";

package/src/kit/builder/auth/utils/storage/factory.ts

@@ -0,0 +1,37 @@
+import type { AuthStorage, StorageOptions } from '../../types'
+import { isBrowser } from './env'
+import { createMemoryStorage } from './memory'
+import { createCookieStorage } from './cookie'
+import { createBrowserStorage } from './browser'
+
+/**
+ * Creates appropriate storage based on options
+ */
+export function createStorage<T>(options: StorageOptions = {}): AuthStorage<T> {
+  const storageType = options.storage ?? 'local'
+  const key = options.key ?? 'auth2_session'
+
+  switch (storageType) {
+    case 'cookie':
+      return createCookieStorage<T>(options)
+
+    case 'session':
+      return createBrowserStorage<T>({
+        key,
+        storage: isBrowser ? window.sessionStorage : undefined,
+        encrypt: options.encrypt,
+        encryptionKey: options.encryptionKey,
+      })
+
+    case 'local':
+      return createBrowserStorage<T>({
+        key,
+        storage: isBrowser ? window.localStorage : undefined,
+        encrypt: options.encrypt,
+        encryptionKey: options.encryptionKey,
+      })
+
+    default:
+      return createMemoryStorage<T>()
+  }
+}

package/src/kit/builder/auth/utils/storage/index.ts

@@ -0,0 +1,6 @@
+export * from './env'
+export * from './encryption'
+export * from './memory'
+export * from './cookie'
+export * from './browser'
+export * from './factory'

package/src/kit/builder/auth/utils/storage/memory.ts

@@ -0,0 +1,15 @@
+import type { AuthStorage } from '../../types'
+
+export const createMemoryStorage = <T>(): AuthStorage<T> => {
+  let value: T | null = null
+
+  return {
+    get: () => value,
+    set: (next) => {
+      value = next
+    },
+    clear: () => {
+      value = null
+    },
+  }
+}

package/src/kit/builder/auth/{token-manager.ts → utils/token-manager.ts}

@@ -1,4 +1,4 @@
-import type { TokenManager } from './types';
+import type { TokenManager } from '../types';
 
 /**
  * Default token manager implementation

package/src/kit/components/login/Login.tsx

@@ -16,6 +16,8 @@ export type LoginProps = {
   // Right-side image URL and alt
   rightImageSrc?: string;
   rightImageAlt?: string;
+  // Explicit toggle to show/hide the right-side visual column
+  showRightImage?: boolean;
   // Optional className for the outer container
   className?: string;
   // Optional continue-with slot (renders below the submit action area)
@@ -39,24 +41,33 @@ export function Login({
   subtitle,
   signupLabel = "Don't have an account?",
   signupLinkLabel = 'Sign up',
-  signupHref = '#',
+  signupHref,
   forgotPasswordLabel = 'Forgot your password?',
   forgotPasswordLinkLabel = 'Reset Here',
   forgotPasswordHref,
   rightImageSrc,
   rightImageAlt = 'Login image',
+  showRightImage = true,
   className,
   continueWith,
   children,
 }: LoginProps) {
+  const shouldRenderRightColumn = showRightImage;
+
   return (
     <div
-      className={['grid min-h-dvh grid-cols-1 md:grid-cols-2', className]
+      className={[
+        'mx-auto grid min-h-dvh w-full max-w-[1920px] grid-cols-1 lg:min-h-[768px]',
+        shouldRenderRightColumn
+          ? 'lg:grid-cols-[minmax(0,_1fr)_minmax(384px,_1fr)]'
+          : null,
+        className,
+      ]
         .filter(Boolean)
         .join(' ')}
     >
       {/* Left column: form section */}
-      <div className="flex items-center justify-center p-6 md:p-10">
+      <div className="flex min-h-0 items-center justify-center p-6 sm:p-8 lg:p-12">
         <div className="w-full max-w-md">
           {/* Title */}
           <div className="mb-6 text-center">
@@ -99,28 +110,32 @@ export function Login({
           </div>
 
           {/* Signup footer */}
-          <div className="mt-6 text-center text-sm">
-            {signupLabel}{' '}
-            <a href={signupHref} className="underline underline-offset-4">
-              {signupLinkLabel}
-            </a>
-          </div>
+          {signupHref ? (
+            <div className="mt-6 text-center text-sm">
+              {signupLabel}{' '}
+              <a href={signupHref} className="underline underline-offset-4">
+                {signupLinkLabel}
+              </a>
+            </div>
+          ) : null}
         </div>
       </div>
 
       {/* Right column: image */}
-      <div className="hidden md:block">
-        {rightImageSrc ? (
-          <img
-            src={rightImageSrc}
-            alt={rightImageAlt}
-            className="h-full w-full object-cover"
-            loading="lazy"
-          />
-        ) : (
-          <div className="h-full w-full bg-muted" />
-        )}
-      </div>
+      {shouldRenderRightColumn ? (
+        <div className="hidden max-h-[1280px] lg:block">
+          {rightImageSrc ? (
+            <img
+              src={rightImageSrc}
+              alt={rightImageAlt}
+              className="h-full w-full object-cover"
+              loading="lazy"
+            />
+          ) : (
+            <div className="h-full w-full bg-muted" />
+          )}
+        </div>
+      ) : null}
     </div>
   );
 }

package/src/kit/layouts/admin/components/AdminLayout.tsx

@@ -41,6 +41,7 @@ type AdminLayoutProps = {
   // Header bar customization
   headerAfterTrigger?: React.ReactNode; // renders right after the collapsible icon trigger
   headerAfterTheme?: React.ReactNode; // renders right after the ThemeToggle on the right
+  onLogout?: () => void | Promise<void>;
 };
 
 function AdminLayoutContent({
@@ -52,6 +53,7 @@ function AdminLayoutContent({
   sidebarHeaderIcon,
   headerAfterTrigger,
   headerAfterTheme,
+  onLogout,
 }: AdminLayoutProps) {
   const { groups: sidebarGroups } = useAdminSidebarMenu();
   const location = useLocation();
@@ -212,23 +214,26 @@ function AdminLayoutContent({
             </Fragment>
           ))}
         </SidebarContent>
-        <SidebarFooter className="bg-sidebar border-t border-sidebar-border px-2 py-3">
-          <SidebarMenu>
-            <SidebarMenuItem className="group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:justify-center">
-              <SidebarMenuButton
-                tooltip="Logout"
-                className="group relative overflow-hidden rounded-lg mx-1 transition-all duration-200 hover:bg-sidebar-accent/70 hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0"
-              >
-                <div className="flex items-center gap-3 px-3 py-2.5 group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!px-0">
-                  <LogOut className="h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:mx-auto group-data-[collapsible=icon]:mr-0" />
-                  <span className="font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:hidden">
-                    Logout
-                  </span>
-                </div>
-              </SidebarMenuButton>
-            </SidebarMenuItem>
-          </SidebarMenu>
-        </SidebarFooter>
+        {onLogout && (
+          <SidebarFooter className="bg-sidebar border-t border-sidebar-border px-2 py-3">
+            <SidebarMenu>
+              <SidebarMenuItem className="group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:justify-center">
+                <SidebarMenuButton
+                  tooltip="Logout"
+                  className="cursor-pointer group relative overflow-hidden rounded-lg mx-1 transition-all duration-200 hover:bg-sidebar-accent/70 hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:flex group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!px-0 group-data-[collapsible=icon]:!gap-0"
+                  onClick={() => { void onLogout(); }}
+                >
+                  <div className="flex items-center gap-3 px-3 py-2.5 group-data-[collapsible=icon]:w-full group-data-[collapsible=icon]:items-center group-data-[collapsible=icon]:!justify-center group-data-[collapsible=icon]:!gap-0 group-data-[collapsible=icon]:!px-0">
+                    <LogOut className="h-4 w-4 text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:mx-auto group-data-[collapsible=icon]:mr-0" />
+                    <span className="font-medium text-sidebar-foreground group-hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:hidden">
+                      Logout
+                    </span>
+                  </div>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            </SidebarMenu>
+          </SidebarFooter>
+        )}
       </Sidebar>
       <SidebarInset>
         <header className="flex h-16 shrink-0 items-center justify-between gap-4 border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 px-6">
@@ -258,6 +263,7 @@ export default function AdminLayout({
   sidebarHeaderIcon,
   headerAfterTrigger,
   headerAfterTheme,
+  onLogout,
 }: AdminLayoutProps) {
   return (
     <AdminMenuProvider>
@@ -270,6 +276,7 @@ export default function AdminLayout({
           sidebarHeaderIcon={sidebarHeaderIcon}
           headerAfterTrigger={headerAfterTrigger}
           headerAfterTheme={headerAfterTheme}
+          onLogout={onLogout}
         >
           {children}
         </AdminLayoutContent>

package/dist/kit/builder/auth/AuthProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthProvider.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/auth/AuthProvider.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE1E,KAAK,mBAAmB,GAAG,gBAAgB,CACzC,OAAO,EACP,MAAM,EACN,MAAM,EACN,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EACpC,OAAO,CACR,CAAC;AAIF,KAAK,iBAAiB,CACpB,KAAK,GAAG,OAAO,EACf,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,WAAW,SAAS,MAAM,GAAG,MAAM,EACnC,QAAQ,SAAS,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,WAAW,CACnE,KAAK,EACL,KAAK,EACL,WAAW,CACZ,EACD,YAAY,GAAG,OAAO,IACpB;IACF,OAAO,EAAE,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IACxE,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,YAAY,CAC1B,KAAK,GAAG,OAAO,EACf,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,WAAW,SAAS,MAAM,GAAG,MAAM,EACnC,QAAQ,SAAS,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,WAAW,CACnE,KAAK,EACL,KAAK,EACL,WAAW,CACZ,EACD,YAAY,GAAG,OAAO,EACtB,EACA,OAAO,EACP,QAAQ,EACR,QAAe,GAChB,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,2CAkDtE;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,mBAAmB,CAIpD"}

package/dist/kit/builder/auth/adapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/auth/adapter.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EAGjB,WAAW,EAIZ,MAAM,SAAS,CAAC;AAMjB;;;;;;;;;;GAUG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAG,OAAO,EACf,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,WAAW,SAAS,MAAM,GAAG,MAAM,EACnC,QAAQ,SAAS,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,CAAC,GAAG,WAAW,CACnE,KAAK,EACL,KAAK,EACL,WAAW,CACZ,EACD,YAAY,GAAG,OAAO,EAEtB,MAAM,EAAE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,GAC3E,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,CAAC,CAoYhE"}

package/dist/kit/builder/auth/client-adapters.d.ts

@@ -1,149 +0,0 @@
-import { AuthAdapterConfig, AuthSession, GraphQLAuthClient, RESTAuthClient } from './types';
-export type GraphQLClientAdapterOptions<TUser = unknown, TRole extends string = string, TPermission extends string = string, TSession extends AuthSession<TUser, TRole, TPermission> = AuthSession<TUser, TRole, TPermission>, TCredentials = unknown> = {
-    client: GraphQLAuthClient<TSession, TCredentials>;
-    resolveUser?: (session: TSession | null) => TUser | null;
-    resolveRoles?: (session: TSession | null) => TRole[];
-    resolvePermissions?: (session: TSession | null) => TPermission[];
-};
-/**
- * Creates an auth adapter config for GraphQL clients
- * Works with Apollo Client, urql, graphql-request, etc.
- *
- * @example
- * ```tsx
- * import { ApolloClient } from '@apollo/client';
- * import { createGraphQLAuthAdapter } from '@k3mart/react-kit/auth2';
- *
- * const apolloClient = new ApolloClient({ ... });
- *
- * const authConfig = createGraphQLAuthAdapter({
- *   client: {
- *     login: async (credentials) => {
- *       const result = await apolloClient.mutate({
- *         mutation: LOGIN_MUTATION,
- *         variables: credentials,
- *       });
- *       return result.data.login;
- *     },
- *     logout: async () => {
- *       await apolloClient.mutate({ mutation: LOGOUT_MUTATION });
- *     },
- *     refresh: async (refreshToken) => {
- *       const result = await apolloClient.mutate({
- *         mutation: REFRESH_MUTATION,
- *         variables: { refreshToken },
- *       });
- *       return result.data.refresh;
- *     },
- *     getCurrentUser: async () => {
- *       const result = await apolloClient.query({
- *         query: GET_CURRENT_USER_QUERY,
- *       });
- *       return result.data.currentUser;
- *     },
- *   },
- * });
- * ```
- */
-export declare function createGraphQLAuthAdapter<TUser = unknown, TRole extends string = string, TPermission extends string = string, TSession extends AuthSession<TUser, TRole, TPermission> = AuthSession<TUser, TRole, TPermission>, TCredentials = unknown>(options: GraphQLClientAdapterOptions<TUser, TRole, TPermission, TSession, TCredentials>): Partial<AuthAdapterConfig<TUser, TRole, TPermission, TSession, TCredentials>>;
-export type RESTClientAdapterOptions<TUser = unknown, TRole extends string = string, TPermission extends string = string, TSession extends AuthSession<TUser, TRole, TPermission> = AuthSession<TUser, TRole, TPermission>, TCredentials = unknown> = {
-    client: RESTAuthClient<TSession, TCredentials>;
-    resolveUser?: (session: TSession | null) => TUser | null;
-    resolveRoles?: (session: TSession | null) => TRole[];
-    resolvePermissions?: (session: TSession | null) => TPermission[];
-};
-/**
- * Creates an auth adapter config for REST API clients
- * Works with fetch, axios, ky, etc.
- *
- * @example
- * ```tsx
- * import axios from 'axios';
- * import { createRESTAuthAdapter } from '@k3mart/react-kit/auth2';
- *
- * const api = axios.create({ baseURL: 'https://api.example.com' });
- *
- * const authConfig = createRESTAuthAdapter({
- *   client: {
- *     login: async (credentials) => {
- *       const response = await api.post('/auth/login', credentials);
- *       return response.data;
- *     },
- *     logout: async () => {
- *       await api.post('/auth/logout');
- *     },
- *     refresh: async (refreshToken) => {
- *       const response = await api.post('/auth/refresh', { refreshToken });
- *       return response.data;
- *     },
- *     getCurrentUser: async () => {
- *       const response = await api.get('/auth/me');
- *       return response.data;
- *     },
- *   },
- * });
- * ```
- */
-export declare function createRESTAuthAdapter<TUser = unknown, TRole extends string = string, TPermission extends string = string, TSession extends AuthSession<TUser, TRole, TPermission> = AuthSession<TUser, TRole, TPermission>, TCredentials = unknown>(options: RESTClientAdapterOptions<TUser, TRole, TPermission, TSession, TCredentials>): Partial<AuthAdapterConfig<TUser, TRole, TPermission, TSession, TCredentials>>;
-/**
- * Helper to create an axios interceptor that automatically adds auth token
- *
- * @example
- * ```tsx
- * import axios from 'axios';
- * import { createAxiosAuthInterceptor } from '@k3mart/react-kit/auth2';
- *
- * const api = axios.create({ baseURL: 'https://api.example.com' });
- *
- * createAxiosAuthInterceptor(api, authAdapter);
- * ```
- */
-export declare function createAxiosAuthInterceptor(axiosInstance: any, getToken: () => string | null, options?: {
-    tokenType?: string;
-    onTokenExpired?: () => void;
-    refreshToken?: () => Promise<void>;
-}): void;
-/**
- * Helper to create a fetch wrapper with auth token injection
- *
- * @example
- * ```tsx
- * import { createAuthFetch } from '@k3mart/react-kit/auth2';
- *
- * const authenticatedFetch = createAuthFetch(
- *   () => authAdapter.getToken(),
- *   {
- *     onTokenExpired: () => authAdapter.logout(),
- *     refreshToken: () => authAdapter.refresh(),
- *   }
- * );
- *
- * // Use it like regular fetch
- * const response = await authenticatedFetch('/api/users');
- * ```
- */
-export declare function createAuthFetch(getToken: () => string | null, options?: {
-    tokenType?: string;
-    onTokenExpired?: () => void;
-    refreshToken?: () => Promise<void>;
-}): typeof fetch;
-/**
- * Helper to create Apollo Link with auth token injection
- *
- * @example
- * ```tsx
- * import { ApolloClient, InMemoryCache, from } from '@apollo/client';
- * import { createApolloAuthLink } from '@k3mart/react-kit/auth2';
- *
- * const authLink = createApolloAuthLink(() => authAdapter.getToken());
- *
- * const client = new ApolloClient({
- *   link: from([authLink, httpLink]),
- *   cache: new InMemoryCache(),
- * });
- * ```
- */
-export declare function createApolloAuthLink(getToken: () => string | null, options?: {
-    tokenType?: string;
-}): (ApolloLink: any) => any;
-//# sourceMappingURL=client-adapters.d.ts.map

package/dist/kit/builder/auth/client-adapters.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client-adapters.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/auth/client-adapters.ts"],"names":[],"mappings":"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"}

package/dist/kit/builder/auth/components.d.ts

@@ -1,119 +0,0 @@
-import { ComponentType } from 'react';
-import { CanProps, RequireAuthProps, WithPermissionOptions } from './types';
-/**
- * Component that requires authentication
- * Optionally checks for specific roles and permissions
- *
- * @example
- * ```tsx
- * // Basic authentication check
- * <RequireAuth fallback={<Login />}>
- *   <Dashboard />
- * </RequireAuth>
- *
- * // With role check
- * <RequireAuth
- *   roles="admin"
- *   fallback={<Forbidden />}
- *   loadingFallback={<Spinner />}
- * >
- *   <AdminPanel />
- * </RequireAuth>
- *
- * // With permission check
- * <RequireAuth
- *   permissions={['post:edit', 'post:delete']}
- *   fallback={<Forbidden />}
- * >
- *   <PostEditor />
- * </RequireAuth>
- *
- * // Complex rule
- * <RequireAuth
- *   roles={['admin', 'moderator']}
- *   permissions={{
- *     operator: 'OR',
- *     permissions: ['post:edit', 'post:delete']
- *   }}
- *   requireAll={false}
- *   fallback={<Forbidden />}
- * >
- *   <ContentManager />
- * </RequireAuth>
- * ```
- */
-export declare function RequireAuth<TRole extends string = string, TPermission extends string = string>({ children, fallback, loadingFallback, roles, permissions, requireAll, }: RequireAuthProps<TRole, TPermission>): import('react').ReactNode;
-/**
- * Component for conditional rendering based on permissions
- * More flexible than RequireAuth - doesn't check authentication status
- *
- * @example
- * ```tsx
- * // Show button only if user can edit
- * <Can permissions="post:edit" fallback={<ReadOnlyView />}>
- *   <EditButton />
- * </Can>
- *
- * // Show admin panel if user is admin
- * <Can roles="admin">
- *   <AdminPanel />
- * </Can>
- *
- * // Complex permission check
- * <Can
- *   roles={['admin', 'moderator']}
- *   permissions={{
- *     operator: 'OR',
- *     permissions: ['post:edit', 'post:delete']
- *   }}
- *   requireAll={false}
- * >
- *   <ManageButton />
- * </Can>
- * ```
- */
-export declare function Can<TRole extends string = string, TPermission extends string = string>({ children, fallback, roles, permissions, requireAll, }: CanProps<TRole, TPermission>): import('react').ReactNode;
-/**
- * Higher-order component that wraps a component with permission checks
- *
- * @example
- * ```tsx
- * const AdminButton = withPermission(Button, {
- *   roles: 'admin'
- * });
- *
- * const EditButton = withPermission(Button, {
- *   permissions: 'post:edit'
- * });
- *
- * // Use like regular component
- * <AdminButton onClick={handleAdmin}>Admin Action</AdminButton>
- * <EditButton onClick={handleEdit}>Edit Post</EditButton>
- * ```
- */
-export declare function withPermission<TRole extends string = string, TPermission extends string = string, TProps extends Record<string, unknown> = Record<string, unknown>>(Component: ComponentType<TProps>, options: WithPermissionOptions<TRole, TPermission>): ComponentType<TProps>;
-/**
- * Component that shows children only when authenticated
- */
-export declare function ShowWhenAuthenticated({ children, }: {
-    children: React.ReactNode;
-}): import('react').ReactNode;
-/**
- * Component that shows children only when NOT authenticated
- */
-export declare function ShowWhenUnauthenticated({ children, }: {
-    children: React.ReactNode;
-}): import('react').ReactNode;
-/**
- * Component that shows children only while loading
- */
-export declare function ShowWhenLoading({ children }: {
-    children: React.ReactNode;
-}): import('react').ReactNode;
-/**
- * Component that shows children only when there's an error
- */
-export declare function ShowWhenError({ children }: {
-    children: React.ReactNode;
-}): import('react').ReactNode;
-//# sourceMappingURL=components.d.ts.map

package/dist/kit/builder/auth/components.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../../src/kit/builder/auth/components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EACV,QAAQ,EACR,gBAAgB,EAChB,qBAAqB,EACtB,MAAM,SAAS,CAAC;AAQjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,wBAAgB,WAAW,CACzB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,WAAW,SAAS,MAAM,GAAG,MAAM,EACnC,EACA,QAAQ,EACR,QAAe,EACf,eAAsB,EACtB,KAAK,EACL,WAAW,EACX,UAAiB,GAClB,EAAE,gBAAgB,CAAC,KAAK,EAAE,WAAW,CAAC,6BAwBtC;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,GAAG,CACjB,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,WAAW,SAAS,MAAM,GAAG,MAAM,EACnC,EACA,QAAQ,EACR,QAAe,EACf,KAAK,EACL,WAAW,EACX,UAAiB,GAClB,EAAE,QAAQ,CAAC,KAAK,EAAE,WAAW,CAAC,6BAI9B;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAC5B,KAAK,SAAS,MAAM,GAAG,MAAM,EAC7B,WAAW,SAAS,MAAM,GAAG,MAAM,EACnC,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEhE,SAAS,EAAE,aAAa,CAAC,MAAM,CAAC,EAChC,OAAO,EAAE,qBAAqB,CAAC,KAAK,EAAE,WAAW,CAAC,GACjD,aAAa,CAAC,MAAM,CAAC,CAQvB;AAMD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,6BAGA;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,6BAGA;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAG1E;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,6BAGxE"}