@k3-universe/react-kit 0.0.41 → 0.0.42

package/src/index.ts

@@ -1,99 +1,99 @@
-// -----------------------------
-// KIT: builders
-// -----------------------------
-export * from './kit/builder/auth';
-export * from './kit/builder/data-table';
-export * from './kit/builder/dialog';
-export * from './kit/builder/form';
-export * from './kit/builder/section';
-export * from './kit/builder/page';
-export * from './kit/builder/stack-dialog';
-// Ensure default export for Page at root
-export { default as Page } from './kit/builder/page/Page';
-
-// -----------------------------
-// KIT: components
-// -----------------------------
-export * from './kit/components/autocomplete';
-export * from './kit/components/datepicker';
-export * from './kit/components/datetimepicker';
-export * from './kit/components/login';
-export * from './kit/components/forminfo';
-// Ensure default export for Login at root
-export { default as Login } from './kit/components/login/Login';
-export * from './kit/components/fileuploader';
-export * from './kit/components/numpad';
-export * from './kit/components/keyboard';
-export * from './kit/components/timepicker';
-
-// -----------------------------
-// KIT: layouts (admin)
-// -----------------------------
-export { default as AdminLayout } from './kit/layouts/admin/components/AdminLayout';
-export { default as ThemeToggle } from './kit/layouts/admin/components/ThemeToggle';
-export * from './kit/layouts/admin/hooks/menu';
-export * from './kit/layouts/admin/providers/AdminMenuProvider';
-export * from './kit/layouts/admin/types';
-
-// -----------------------------
-// KIT: providers
-// -----------------------------
-export * from './kit/providers/ThemeProvider';
-
-// -----------------------------
-// SHADCN: hooks and utils
-// -----------------------------
-export * from './shadcn/hooks/use-mobile';
-export * from './shadcn/lib/utils';
-
-export { toast } from 'sonner';
-
-// -----------------------------
-// SHADCN: UI components
-// -----------------------------
-export * from './shadcn/ui/accordion';
-export * from './shadcn/ui/alert-dialog';
-export * from './shadcn/ui/alert';
-export * from './shadcn/ui/aspect-ratio';
-export * from './shadcn/ui/avatar';
-export * from './shadcn/ui/badge';
-export * from './shadcn/ui/breadcrumb';
-export * from './shadcn/ui/button';
-export * from './shadcn/ui/calendar';
-export * from './shadcn/ui/card';
-export * from './shadcn/ui/carousel';
-export * from './shadcn/ui/chart';
-export * from './shadcn/ui/checkbox';
-export * from './shadcn/ui/collapsible';
-export * from './shadcn/ui/command';
-export * from './shadcn/ui/context-menu';
-export * from './shadcn/ui/dialog';
-export * from './shadcn/ui/drawer';
-export * from './shadcn/ui/dropdown-menu';
-export * from './shadcn/ui/form';
-export * from './shadcn/ui/hover-card';
-export * from './shadcn/ui/input-otp';
-export * from './shadcn/ui/input';
-export * from './shadcn/ui/label';
-export * from './shadcn/ui/menubar';
-export * from './shadcn/ui/navigation-menu';
-export * from './shadcn/ui/pagination';
-export * from './shadcn/ui/popover';
-export * from './shadcn/ui/progress';
-export * from './shadcn/ui/radio-group';
-export * from './shadcn/ui/resizable';
-export * from './shadcn/ui/scroll-area';
-export * from './shadcn/ui/select';
-export * from './shadcn/ui/separator';
-export * from './shadcn/ui/sheet';
-export * from './shadcn/ui/sidebar';
-export * from './shadcn/ui/skeleton';
-export * from './shadcn/ui/slider';
-export * from './shadcn/ui/sonner';
-export * from './shadcn/ui/switch';
-export * from './shadcn/ui/table';
-export * from './shadcn/ui/tabs';
-export * from './shadcn/ui/textarea';
-export * from './shadcn/ui/toggle-group';
-export * from './shadcn/ui/toggle';
-export * from './shadcn/ui/tooltip';
+// -----------------------------
+// KIT: builders
+// -----------------------------
+export * from './kit/builder/auth';
+export * from './kit/builder/data-table';
+export * from './kit/builder/dialog';
+export * from './kit/builder/form';
+export * from './kit/builder/section';
+export * from './kit/builder/page';
+export * from './kit/builder/stack-dialog';
+// Ensure default export for Page at root
+export { default as Page } from './kit/builder/page/Page';
+
+// -----------------------------
+// KIT: components
+// -----------------------------
+export * from './kit/components/autocomplete';
+export * from './kit/components/datepicker';
+export * from './kit/components/datetimepicker';
+export * from './kit/components/login';
+export * from './kit/components/forminfo';
+// Ensure default export for Login at root
+export { default as Login } from './kit/components/login/Login';
+export * from './kit/components/fileuploader';
+export * from './kit/components/numpad';
+export * from './kit/components/keyboard';
+export * from './kit/components/timepicker';
+
+// -----------------------------
+// KIT: layouts (admin)
+// -----------------------------
+export { default as AdminLayout } from './kit/layouts/admin/components/AdminLayout';
+export { default as ThemeToggle } from './kit/layouts/admin/components/ThemeToggle';
+export * from './kit/layouts/admin/hooks/menu';
+export * from './kit/layouts/admin/providers/AdminMenuProvider';
+export * from './kit/layouts/admin/types';
+
+// -----------------------------
+// KIT: providers
+// -----------------------------
+export * from './kit/providers/ThemeProvider';
+
+// -----------------------------
+// SHADCN: hooks and utils
+// -----------------------------
+export * from './shadcn/hooks/use-mobile';
+export * from './shadcn/lib/utils';
+
+export { toast } from 'sonner';
+
+// -----------------------------
+// SHADCN: UI components
+// -----------------------------
+export * from './shadcn/ui/accordion';
+export * from './shadcn/ui/alert-dialog';
+export * from './shadcn/ui/alert';
+export * from './shadcn/ui/aspect-ratio';
+export * from './shadcn/ui/avatar';
+export * from './shadcn/ui/badge';
+export * from './shadcn/ui/breadcrumb';
+export * from './shadcn/ui/button';
+export * from './shadcn/ui/calendar';
+export * from './shadcn/ui/card';
+export * from './shadcn/ui/carousel';
+export * from './shadcn/ui/chart';
+export * from './shadcn/ui/checkbox';
+export * from './shadcn/ui/collapsible';
+export * from './shadcn/ui/command';
+export * from './shadcn/ui/context-menu';
+export * from './shadcn/ui/dialog';
+export * from './shadcn/ui/drawer';
+export * from './shadcn/ui/dropdown-menu';
+export * from './shadcn/ui/form';
+export * from './shadcn/ui/hover-card';
+export * from './shadcn/ui/input-otp';
+export * from './shadcn/ui/input';
+export * from './shadcn/ui/label';
+export * from './shadcn/ui/menubar';
+export * from './shadcn/ui/navigation-menu';
+export * from './shadcn/ui/pagination';
+export * from './shadcn/ui/popover';
+export * from './shadcn/ui/progress';
+export * from './shadcn/ui/radio-group';
+export * from './shadcn/ui/resizable';
+export * from './shadcn/ui/scroll-area';
+export * from './shadcn/ui/select';
+export * from './shadcn/ui/separator';
+export * from './shadcn/ui/sheet';
+export * from './shadcn/ui/sidebar';
+export * from './shadcn/ui/skeleton';
+export * from './shadcn/ui/slider';
+export * from './shadcn/ui/sonner';
+export * from './shadcn/ui/switch';
+export * from './shadcn/ui/table';
+export * from './shadcn/ui/tabs';
+export * from './shadcn/ui/textarea';
+export * from './shadcn/ui/toggle-group';
+export * from './shadcn/ui/toggle';
+export * from './shadcn/ui/tooltip';

package/src/kit/builder/auth/components/Can.tsx

@@ -1,27 +1,27 @@
-import type { CanProps } from '../types';
-import { useCan } from '../hooks';
-
-/**
- * Component for conditional rendering based on permissions.
- *
- * @example
- * ```tsx
- * <Can permissions="post:edit" fallback={<ReadOnlyView />}>
- *   <EditButton />
- * </Can>
- * ```
- */
-export function Can<
-  TRole extends string = string,
-  TPermission extends string = string,
->({
-  children,
-  fallback = null,
-  roles,
-  permissions,
-  requireAll = true,
-}: CanProps<TRole, TPermission>) {
-  const allowed = useCan({ roles, permissions, requireAll });
-  if (!allowed) return fallback;
-  return children;
-}
+import type { CanProps } from '../types';
+import { useCan } from '../hooks';
+
+/**
+ * Component for conditional rendering based on permissions.
+ *
+ * @example
+ * ```tsx
+ * <Can permissions="post:edit" fallback={<ReadOnlyView />}>
+ *   <EditButton />
+ * </Can>
+ * ```
+ */
+export function Can<
+  TRole extends string = string,
+  TPermission extends string = string,
+>({
+  children,
+  fallback = null,
+  roles,
+  permissions,
+  requireAll = true,
+}: CanProps<TRole, TPermission>) {
+  const allowed = useCan({ roles, permissions, requireAll });
+  if (!allowed) return fallback;
+  return children;
+}

package/src/kit/builder/auth/components/RequireAuth.tsx

@@ -1,78 +1,78 @@
-import type { RequireAuthProps } from '../types';
-import { useAuthContext } from '../providers/AuthProvider';
-
-/**
- * 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 function RequireAuth<
-  TRole extends string = string,
-  TPermission extends string = string,
->({
-  children,
-  fallback = null,
-  loadingFallback = null,
-  roles,
-  permissions,
-  requireAll = true,
-}: RequireAuthProps<TRole, TPermission>) {
-  const { status, can } = useAuthContext();
-
-  if (status === 'loading' || status === 'idle') {
-    return loadingFallback;
-  }
-
-  if (status !== 'authenticated') {
-    return fallback;
-  }
-
-  if (!roles && !permissions) {
-    return children;
-  }
-
-  const allowed = can({ roles, permissions, requireAll });
-
-  if (!allowed) {
-    return fallback;
-  }
-
-  return children;
-}
+import type { RequireAuthProps } from '../types';
+import { useAuthContext } from '../providers/AuthProvider';
+
+/**
+ * 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 function RequireAuth<
+  TRole extends string = string,
+  TPermission extends string = string,
+>({
+  children,
+  fallback = null,
+  loadingFallback = null,
+  roles,
+  permissions,
+  requireAll = true,
+}: RequireAuthProps<TRole, TPermission>) {
+  const { status, can } = useAuthContext();
+
+  if (status === 'loading' || status === 'idle') {
+    return loadingFallback;
+  }
+
+  if (status !== 'authenticated') {
+    return fallback;
+  }
+
+  if (!roles && !permissions) {
+    return children;
+  }
+
+  const allowed = can({ roles, permissions, requireAll });
+
+  if (!allowed) {
+    return fallback;
+  }
+
+  return children;
+}

package/src/kit/builder/auth/components/ShowWhenAuthenticated.tsx

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-import { useAuthContext } from '../providers/AuthProvider';
-
-/**
- * Component that shows children only when authenticated.
- */
-export function ShowWhenAuthenticated({ children }: { children: ReactNode }) {
-  const { status } = useAuthContext();
-  return status === 'authenticated' ? children : null;
-}
+import type { ReactNode } from 'react';
+import { useAuthContext } from '../providers/AuthProvider';
+
+/**
+ * Component that shows children only when authenticated.
+ */
+export function ShowWhenAuthenticated({ children }: { children: ReactNode }) {
+  const { status } = useAuthContext();
+  return status === 'authenticated' ? children : null;
+}

package/src/kit/builder/auth/components/ShowWhenError.tsx

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-import { useAuthContext } from '../providers/AuthProvider';
-
-/**
- * Component that shows children only when there's an error.
- */
-export function ShowWhenError({ children }: { children: ReactNode }) {
-  const { status } = useAuthContext();
-  return status === 'error' ? children : null;
-}
+import type { ReactNode } from 'react';
+import { useAuthContext } from '../providers/AuthProvider';
+
+/**
+ * Component that shows children only when there's an error.
+ */
+export function ShowWhenError({ children }: { children: ReactNode }) {
+  const { status } = useAuthContext();
+  return status === 'error' ? children : null;
+}

package/src/kit/builder/auth/components/ShowWhenLoading.tsx

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-import { useAuthContext } from '../providers/AuthProvider';
-
-/**
- * Component that shows children only while loading.
- */
-export function ShowWhenLoading({ children }: { children: ReactNode }) {
-  const { status } = useAuthContext();
-  return status === 'loading' ? children : null;
-}
+import type { ReactNode } from 'react';
+import { useAuthContext } from '../providers/AuthProvider';
+
+/**
+ * Component that shows children only while loading.
+ */
+export function ShowWhenLoading({ children }: { children: ReactNode }) {
+  const { status } = useAuthContext();
+  return status === 'loading' ? children : null;
+}

package/src/kit/builder/auth/components/ShowWhenUnauthenticated.tsx

@@ -1,10 +1,10 @@
-import type { ReactNode } from 'react';
-import { useAuthContext } from '../providers/AuthProvider';
-
-/**
- * Component that shows children only when NOT authenticated.
- */
-export function ShowWhenUnauthenticated({ children }: { children: ReactNode }) {
-  const { status } = useAuthContext();
-  return status === 'unauthenticated' ? children : null;
-}
+import type { ReactNode } from 'react';
+import { useAuthContext } from '../providers/AuthProvider';
+
+/**
+ * Component that shows children only when NOT authenticated.
+ */
+export function ShowWhenUnauthenticated({ children }: { children: ReactNode }) {
+  const { status } = useAuthContext();
+  return status === 'unauthenticated' ? children : null;
+}

package/src/kit/builder/auth/components/withPermission.tsx

@@ -1,23 +1,23 @@
-import type { ComponentType } from 'react';
-import type { WithPermissionOptions } from '../types';
-import { useCan } from '../hooks';
-
-/**
- * Higher-order component that wraps a component with permission checks.
- */
-export 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> {
-  const WithPermissionWrapper = (props: TProps) => {
-    const allowed = useCan(options);
-    if (!allowed) return null;
-    return <Component {...props} />;
-  };
-  WithPermissionWrapper.displayName = `WithPermission(${Component.displayName ?? Component.name ?? 'Component'})`;
-  return WithPermissionWrapper as ComponentType<TProps>;
-}
+import type { ComponentType } from 'react';
+import type { WithPermissionOptions } from '../types';
+import { useCan } from '../hooks';
+
+/**
+ * Higher-order component that wraps a component with permission checks.
+ */
+export 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> {
+  const WithPermissionWrapper = (props: TProps) => {
+    const allowed = useCan(options);
+    if (!allowed) return null;
+    return <Component {...props} />;
+  };
+  WithPermissionWrapper.displayName = `WithPermission(${Component.displayName ?? Component.name ?? 'Component'})`;
+  return WithPermissionWrapper as ComponentType<TProps>;
+}

package/src/kit/builder/auth/hooks/action-hooks.ts

@@ -1,34 +1,34 @@
-import type { AuthSession } from '../types';
-import { useAuthContext } from '../providers/AuthProvider';
-
-/**
- * Hook to get the login function.
- */
-export function useLogin<TCredentials = unknown>() {
-  const { login } = useAuthContext();
-  return login as ((credentials: TCredentials) => Promise<unknown>) | undefined;
-}
-
-/**
- * Hook to get the logout function.
- */
-export function useLogout() {
-  const { logout } = useAuthContext();
-  return logout;
-}
-
-/**
- * Hook to get the refresh function.
- */
-export function useRefresh() {
-  const { refresh } = useAuthContext();
-  return refresh;
-}
-
-/**
- * Hook to get the setSession function.
- */
-export function useSetSession<TSession extends AuthSession>() {
-  const { setSession } = useAuthContext();
-  return setSession as (session: TSession | null) => Promise<unknown>;
-}
+import type { AuthSession } from '../types';
+import { useAuthContext } from '../providers/AuthProvider';
+
+/**
+ * Hook to get the login function.
+ */
+export function useLogin<TCredentials = unknown>() {
+  const { login } = useAuthContext();
+  return login as ((credentials: TCredentials) => Promise<unknown>) | undefined;
+}
+
+/**
+ * Hook to get the logout function.
+ */
+export function useLogout() {
+  const { logout } = useAuthContext();
+  return logout;
+}
+
+/**
+ * Hook to get the refresh function.
+ */
+export function useRefresh() {
+  const { refresh } = useAuthContext();
+  return refresh;
+}
+
+/**
+ * Hook to get the setSession function.
+ */
+export function useSetSession<TSession extends AuthSession>() {
+  const { setSession } = useAuthContext();
+  return setSession as (session: TSession | null) => Promise<unknown>;
+}