analytica-frontend-lib 1.2.24 → 1.2.28

package/dist/store/appStore.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Interface defining the application state
+ */
+interface AppState {
+    institutionId: string | null;
+    initialized: boolean;
+    setInstitutionId: (institutionId: string | null) => void;
+    setInitialized: (initialized: boolean) => void;
+    initialize: (id: string | null) => void;
+}
+/**
+ * Zustand store for managing application-wide state with persistence
+ * @returns {AppState} The application state store
+ */
+export declare const useAppStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AppState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AppState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AppState) => void) => () => void;
+        onFinishHydration: (fn: (state: AppState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<AppState, unknown>>;
+    };
+}>;
+export {};
+//# sourceMappingURL=appStore.d.ts.map

package/dist/store/appStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"appStore.d.ts","sourceRoot":"","sources":["../../src/store/appStore.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,UAAU,QAAQ;IAChB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,WAAW,EAAE,OAAO,CAAC;IAErB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACzD,cAAc,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACzC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;EA8CvB,CAAC"}

package/dist/store/authStore.d.ts

@@ -0,0 +1,75 @@
+/**
+ * Interface representing user authentication tokens.
+ */
+export interface AuthTokens {
+    token: string;
+    refreshToken: string;
+    [key: string]: unknown;
+}
+/**
+ * Interface representing a user profile.
+ */
+export interface UserProfile {
+    id: string;
+    name?: string;
+    email?: string;
+    [key: string]: unknown;
+}
+/**
+ * Interface representing a user.
+ */
+export interface User {
+    id: string;
+    name?: string;
+    email?: string;
+    [key: string]: unknown;
+}
+/**
+ * Interface representing session information from the API.
+ */
+export interface SessionInfo {
+    sessionId: string;
+    userId: string;
+    profileId: string;
+    institutionId: string;
+    schoolId: string;
+    schoolYearId: string;
+    classId: string;
+    subjects: string[];
+    schools: string[];
+    [key: string]: unknown;
+}
+/**
+ * Interface defining the authentication state.
+ */
+export interface AuthState {
+    user: User | null;
+    tokens: AuthTokens | null;
+    isAuthenticated: boolean;
+    profiles: UserProfile[];
+    selectedProfile: UserProfile | null;
+    sessionInfo: SessionInfo | null;
+    setUser: (user: User | null) => void;
+    setTokens: (tokens: AuthTokens | null) => void;
+    setProfiles: (profiles: UserProfile[]) => void;
+    setSelectedProfile: (profile: UserProfile | null) => void;
+    setSessionInfo: (sessionInfo: SessionInfo | null) => void;
+    signIn: (user: User, tokens: AuthTokens, profiles: UserProfile[]) => void;
+    signOut: () => void;
+    updateUserSession: (sessionData: Partial<User>) => void;
+}
+/**
+ * Zustand store for managing authentication state with persistence.
+ */
+export declare const useAuthStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<AuthState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<AuthState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: AuthState) => void) => () => void;
+        onFinishHydration: (fn: (state: AuthState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<AuthState, unknown>>;
+    };
+}>;
+//# sourceMappingURL=authStore.d.ts.map

package/dist/store/authStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"authStore.d.ts","sourceRoot":"","sources":["../../src/store/authStore.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,IAAI;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,MAAM,EAAE,UAAU,GAAG,IAAI,CAAC;IAC1B,eAAe,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,eAAe,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAEhC,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACrC,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,WAAW,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC/C,kBAAkB,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1D,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,KAAK,IAAI,CAAC;IAC1E,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,iBAAiB,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;CACzD;AAED;;GAEG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;EA4GxB,CAAC"}

package/dist/store/notificationStore.d.ts

@@ -0,0 +1,89 @@
+import { Notification, NotificationGroup, FetchNotificationsParams, NotificationApiClient } from '../types/notifications';
+/**
+ * Notification store state interface
+ */
+export interface NotificationState {
+    /**
+     * List of all notifications
+     */
+    notifications: Notification[];
+    /**
+     * Number of unread notifications
+     */
+    unreadCount: number;
+    /**
+     * Loading state
+     */
+    loading: boolean;
+    /**
+     * Error state
+     */
+    error: string | null;
+    /**
+     * Whether there are more notifications to load
+     */
+    hasMore: boolean;
+    /**
+     * Current page for pagination
+     */
+    currentPage: number;
+}
+/**
+ * Notification store actions interface
+ */
+export interface NotificationActions {
+    /**
+     * Fetch notifications from API
+     */
+    fetchNotifications: (params?: FetchNotificationsParams) => Promise<void>;
+    /**
+     * Mark a specific notification as read
+     */
+    markAsRead: (id: string) => Promise<void>;
+    /**
+     * Mark all notifications as read
+     */
+    markAllAsRead: () => Promise<void>;
+    /**
+     * Delete a notification
+     */
+    deleteNotification: (id: string) => Promise<void>;
+    /**
+     * Clear all notifications
+     */
+    clearNotifications: () => void;
+    /**
+     * Reset error state
+     */
+    resetError: () => void;
+    /**
+     * Group notifications by time periods
+     */
+    getGroupedNotifications: () => NotificationGroup[];
+}
+export type NotificationStore = NotificationState & NotificationActions;
+/**
+ * Format time relative to now
+ */
+export declare const formatTimeAgo: (date: Date) => string;
+/**
+ * Create notification store with injected API client
+ */
+export declare const createNotificationStore: (apiClient: NotificationApiClient) => import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<NotificationStore>, "setState" | "devtools"> & {
+    setState(partial: NotificationStore | Partial<NotificationStore> | ((state: NotificationStore) => NotificationStore | Partial<NotificationStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: NotificationStore | ((state: NotificationStore) => NotificationStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+//# sourceMappingURL=notificationStore.d.ts.map

package/dist/store/notificationStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notificationStore.d.ts","sourceRoot":"","sources":["../../src/store/notificationStore.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,wBAAwB,EAKxB,qBAAqB,EACtB,MAAM,wBAAwB,CAAC;AAEhC;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,kBAAkB,EAAE,CAAC,MAAM,CAAC,EAAE,wBAAwB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzE;;OAEG;IACH,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1C;;OAEG;IACH,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACnC;;OAEG;IACH,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD;;OAEG;IACH,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,uBAAuB,EAAE,MAAM,iBAAiB,EAAE,CAAC;CACpD;AAED,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,GAAG,mBAAmB,CAAC;AAuGxE;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,MAAM,IAAI,KAAG,MA6B1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,WAAW,qBAAqB;;;;;;;;;;;;;;;;EAoKvE,CAAC"}

package/dist/{themeStore-P2X64zC-.d.mts → store/themeStore.d.ts}

@@ -1,11 +1,8 @@
-import * as zustand_middleware from 'zustand/middleware';
-import * as zustand from 'zustand';
-
-type ThemeMode = 'light' | 'dark' | 'system';
+export type ThemeMode = 'light' | 'dark' | 'system';
 /**
  * Theme store state interface
  */
-interface ThemeState {
+export interface ThemeState {
     /**
      * Current theme mode
      */
@@ -18,7 +15,7 @@ interface ThemeState {
 /**
  * Theme store actions interface
  */
-interface ThemeActions {
+export interface ThemeActions {
     /**
      * Apply theme based on the mode selected
      */
@@ -40,11 +37,11 @@ interface ThemeActions {
      */
     handleSystemThemeChange: () => void;
 }
-type ThemeStore = ThemeState & ThemeActions;
+export type ThemeStore = ThemeState & ThemeActions;
 /**
  * Theme store using Zustand with persistence
  */
-declare const useThemeStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<ThemeStore>, "setState" | "devtools"> & {
+export declare const useThemeStore: import("zustand").UseBoundStore<Omit<Omit<import("zustand").StoreApi<ThemeStore>, "setState" | "devtools"> & {
     setState(partial: ThemeStore | Partial<ThemeStore> | ((state: ThemeStore) => ThemeStore | Partial<ThemeStore>), replace?: false | undefined, action?: (string | {
         [x: string]: unknown;
         [x: number]: unknown;
@@ -62,7 +59,7 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<Th
     };
 }, "persist"> & {
     persist: {
-        setOptions: (options: Partial<zustand_middleware.PersistOptions<ThemeStore, {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<ThemeStore, {
             themeMode: ThemeMode;
         }>>) => void;
         clearStorage: () => void;
@@ -70,10 +67,9 @@ declare const useThemeStore: zustand.UseBoundStore<Omit<Omit<zustand.StoreApi<Th
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: ThemeStore) => void) => () => void;
         onFinishHydration: (fn: (state: ThemeStore) => void) => () => void;
-        getOptions: () => Partial<zustand_middleware.PersistOptions<ThemeStore, {
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<ThemeStore, {
             themeMode: ThemeMode;
         }>>;
     };
 }>;
-
-export { type ThemeMode as T, type ThemeStore as a, type ThemeState as b, type ThemeActions as c, useThemeStore as u };
+//# sourceMappingURL=themeStore.d.ts.map

package/dist/store/themeStore.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../src/store/themeStore.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,SAAS,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,UAAU,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AA2CnD;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEzB,CAAC"}

package/dist/styles.css

@@ -22,7 +22,9 @@
       "Liberation Mono",
       "Courier New",
       monospace;
+    --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-400: oklch(70.4% 0.191 22.216);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
@@ -32,6 +34,7 @@
     --color-orange-700: oklch(55.3% 0.195 38.402);
     --color-orange-900: oklch(40.8% 0.123 38.172);
     --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -604,6 +607,9 @@
   .z-\[9999\] {
     z-index: 9999;
   }
+  .float-end {
+    float: inline-end;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -655,6 +661,9 @@
   .my-4 {
     margin-block: calc(var(--spacing) * 4);
   }
+  .my-6 {
+    margin-block: calc(var(--spacing) * 6);
+  }
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
@@ -679,9 +688,15 @@
   .mt-8 {
     margin-top: calc(var(--spacing) * 8);
   }
+  .mt-10 {
+    margin-top: calc(var(--spacing) * 10);
+  }
   .mt-12 {
     margin-top: calc(var(--spacing) * 12);
   }
+  .mt-48 {
+    margin-top: calc(var(--spacing) * 48);
+  }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
@@ -709,6 +724,9 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
   .mb-6 {
     margin-bottom: calc(var(--spacing) * 6);
   }
@@ -739,6 +757,9 @@
   .block {
     display: block;
   }
+  .contents {
+    display: contents;
+  }
   .flex {
     display: flex;
   }
@@ -890,6 +911,9 @@
   .h-\[27px\] {
     height: 27px;
   }
+  .h-\[30px\] {
+    height: 30px;
+  }
   .h-\[35px\] {
     height: 35px;
   }
@@ -911,6 +935,9 @@
   .h-\[90px\] {
     height: 90px;
   }
+  .h-\[120px\] {
+    height: 120px;
+  }
   .h-\[122px\] {
     height: 122px;
   }
@@ -974,6 +1001,9 @@
   .max-h-\[700px\] {
     max-height: 700px;
   }
+  .max-h-\[calc\(100vh-8rem\)\] {
+    max-height: calc(100vh - 8rem);
+  }
   .max-h-none {
     max-height: none;
   }
@@ -1106,6 +1136,9 @@
   .w-\[21px\] {
     width: 21px;
   }
+  .w-\[30px\] {
+    width: 30px;
+  }
   .w-\[58px\] {
     width: 58px;
   }
@@ -1115,6 +1148,9 @@
   .w-\[90px\] {
     width: 90px;
   }
+  .w-\[90vw\] {
+    width: 90vw;
+  }
   .w-\[100px\] {
     width: 100px;
   }
@@ -1157,6 +1193,9 @@
   .w-\[384px\] {
     width: 384px;
   }
+  .w-\[400px\] {
+    width: 400px;
+  }
   .w-auto {
     width: auto;
   }
@@ -1194,6 +1233,12 @@
   .max-w-\[140px\] {
     max-width: 140px;
   }
+  .max-w-\[150px\] {
+    max-width: 150px;
+  }
+  .max-w-\[200px\] {
+    max-width: 200px;
+  }
   .max-w-\[262px\] {
     max-width: 262px;
   }
@@ -1257,6 +1302,9 @@
   .max-w-\[1000px\] {
     max-width: 1000px;
   }
+  .max-w-\[1150px\] {
+    max-width: 1150px;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1324,6 +1372,9 @@
   .flex-1 {
     flex: 1;
   }
+  .flex-1\/2 {
+    flex: calc(1/2 * 100%);
+  }
   .flex-none {
     flex: none;
   }
@@ -1451,6 +1502,9 @@
   .grid-cols-4 {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
+  .grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
   .grid-cols-7 {
     grid-template-columns: repeat(7, minmax(0, 1fr));
   }
@@ -1460,6 +1514,9 @@
   .flex-col {
     flex-direction: column;
   }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
   .flex-row {
     flex-direction: row;
   }
@@ -1617,6 +1674,16 @@
       margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .space-x-6 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
+  .self-start {
+    align-self: flex-start;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -1625,6 +1692,9 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+  .overflow-auto {
+    overflow: auto;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -1649,6 +1719,9 @@
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
   .rounded-3xl {
     border-radius: var(--radius-3xl);
   }
@@ -1977,6 +2050,9 @@
   .border-purple-500 {
     border-color: var(--color-purple-500);
   }
+  .border-red-400 {
+    border-color: var(--color-red-400);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
@@ -2559,6 +2635,9 @@
   .bg-purple-600 {
     background-color: var(--color-purple-600);
   }
+  .bg-red-50 {
+    background-color: var(--color-red-50);
+  }
   .bg-red-100 {
     background-color: var(--color-red-100);
   }
@@ -2817,6 +2896,9 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-yellow-50 {
+    background-color: var(--color-yellow-50);
+  }
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
@@ -2966,6 +3048,9 @@
   .px-12 {
     padding-inline: calc(var(--spacing) * 12);
   }
+  .px-17 {
+    padding-inline: calc(var(--spacing) * 17);
+  }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -3020,6 +3105,9 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
+  .pr-2 {
+    padding-right: calc(var(--spacing) * 2);
+  }
   .pr-4 {
     padding-right: calc(var(--spacing) * 4);
   }
@@ -3197,6 +3285,10 @@
     --tw-leading: 27px;
     line-height: 27px;
   }
+  .leading-\[28px\] {
+    --tw-leading: 28px;
+    line-height: 28px;
+  }
   .leading-\[35px\] {
     --tw-leading: 35px;
     line-height: 35px;
@@ -3563,6 +3655,9 @@
   .text-red-600 {
     color: var(--color-red-600);
   }
+  .text-red-700 {
+    color: var(--color-red-700);
+  }
   .text-red-800 {
     color: var(--color-red-800);
   }
@@ -3809,6 +3904,9 @@
   .line-through {
     text-decoration-line: line-through;
   }
+  .underline {
+    text-decoration-line: underline;
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -4082,6 +4180,11 @@
       border-radius: var(--radius-xl);
     }
   }
+  .not-sm\:px-5 {
+    @media not (width >= 40rem) {
+      padding-inline: calc(var(--spacing) * 5);
+    }
+  }
   .not-lg\:h-\[calc\(100vh-200px\)\] {
     @media not (width >= 64rem) {
       height: calc(100vh - 200px);
@@ -4092,6 +4195,11 @@
       max-width: calc(100vw - 32px);
     }
   }
+  .not-lg\:gap-4 {
+    @media not (width >= 64rem) {
+      gap: calc(var(--spacing) * 4);
+    }
+  }
   .not-lg\:px-6 {
     @media not (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 6);
@@ -4128,6 +4236,14 @@
       }
     }
   }
+  .placeholder\:text-text-400 {
+    &::-moz-placeholder {
+      color: var(--color-text-400);
+    }
+    &::placeholder {
+      color: var(--color-text-400);
+    }
+  }
   .placeholder\:text-text-600 {
     &::-moz-placeholder {
       color: var(--color-text-600);
@@ -9829,6 +9945,11 @@
       flex: none;
     }
   }
+  .sm\:flex-shrink-0 {
+    @media (width >= 40rem) {
+      flex-shrink: 0;
+    }
+  }
   .sm\:shrink-0 {
     @media (width >= 40rem) {
       flex-shrink: 0;
@@ -11891,6 +12012,12 @@
       text-align: left;
     }
   }
+  .sm\:text-2xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height));
+    }
+  }
   .sm\:text-sm {
     @media (width >= 40rem) {
       font-size: var(--text-sm);