@riligar/auth-react 1.28.3 → 1.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.esm.js +151 -141
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +150 -140
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -2383,14 +2383,17 @@ function UserProfile({
2383
2383
  mb: "lg",
2384
2384
  children: [/*#__PURE__*/jsxRuntime.jsx(core.ThemeIcon, {
2385
2385
  size: 36,
2386
- variant: "light",
2386
+ variant: "subtle",
2387
+ color: "gray",
2387
2388
  children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
2388
- size: 18
2389
+ size: 28,
2390
+ stroke: 1.5
2389
2391
  })
2390
- }), /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2392
+ }), /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
2393
+ gap: 0,
2391
2394
  children: [/*#__PURE__*/jsxRuntime.jsx(core.Text, {
2392
2395
  fw: 600,
2393
- size: "md",
2396
+ size: "sm",
2394
2397
  children: sectionTitle
2395
2398
  }), description && /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2396
2399
  size: "xs",
@@ -2408,11 +2411,12 @@ function UserProfile({
2408
2411
  actionLabel,
2409
2412
  onClick,
2410
2413
  expanded
2411
- }) => /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2412
- p: "xs",
2414
+ }) => /*#__PURE__*/jsxRuntime.jsx(core.Box, {
2415
+ py: "xs",
2413
2416
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2414
2417
  justify: "space-between",
2415
2418
  wrap: "nowrap",
2419
+ align: "center",
2416
2420
  children: [/*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2417
2421
  gap: "xl",
2418
2422
  wrap: "nowrap",
@@ -2421,9 +2425,6 @@ function UserProfile({
2421
2425
  size: "sm",
2422
2426
  c: "dimmed",
2423
2427
  w: 100,
2424
- style: {
2425
- flexShrink: 0
2426
- },
2427
2428
  children: label
2428
2429
  }), /*#__PURE__*/jsxRuntime.jsx(core.Box, {
2429
2430
  flex: 1,
@@ -2433,10 +2434,11 @@ function UserProfile({
2433
2434
  label: actionLabel || action,
2434
2435
  position: "left",
2435
2436
  children: /*#__PURE__*/jsxRuntime.jsx(core.Anchor, {
2436
- size: "sm",
2437
- fw: 500,
2437
+ size: "xs",
2438
+ fw: 300,
2438
2439
  onClick: onClick,
2439
- c: expanded ? 'red' : 'blue',
2440
+ c: "gray",
2441
+ underline: "none",
2440
2442
  children: expanded ? labels.cancel || 'Cancel' : action
2441
2443
  })
2442
2444
  })]
@@ -2446,7 +2448,7 @@ function UserProfile({
2446
2448
  // Conteúdo interno compartilhado
2447
2449
  const profileContent = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2448
2450
  children: [(showAvatar || showName || showEmail) && /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2449
- mb: "xl",
2451
+ mb: "lg",
2450
2452
  children: [/*#__PURE__*/jsxRuntime.jsx(SectionHeader, {
2451
2453
  icon: iconsReact.IconUser,
2452
2454
  sectionTitle: labels.profileSection || 'Profile',
@@ -2466,56 +2468,51 @@ function UserProfile({
2466
2468
  src: user?.image,
2467
2469
  name: user?.name || user?.email,
2468
2470
  size: 48,
2469
- radius: "xl",
2470
- color: "initials"
2471
+ radius: "xl"
2472
+ // color="initials"
2471
2473
  })
2472
2474
  })
2473
2475
  }), /*#__PURE__*/jsxRuntime.jsx(core.Collapse, {
2474
2476
  in: editingSection === 'avatar',
2475
- children: /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2476
- p: "md",
2477
+ children: /*#__PURE__*/jsxRuntime.jsx(core.Paper, {
2478
+ p: "sm",
2477
2479
  withBorder: true,
2480
+ radius: "sm",
2478
2481
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
2479
2482
  gap: "md",
2480
2483
  align: "center",
2481
- children: [/*#__PURE__*/jsxRuntime.jsx("input", {
2482
- type: "file",
2483
- id: "avatar-upload",
2484
+ children: [/*#__PURE__*/jsxRuntime.jsx(core.FileButton, {
2485
+ onChange: handleAvatarFileChange,
2484
2486
  accept: "image/*",
2485
- style: {
2486
- display: 'none'
2487
- },
2488
- onChange: e => handleAvatarFileChange(e.target.files?.[0])
2489
- }), /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
2490
- label: labels.clickToChange || 'Clique para alterar',
2491
- position: "bottom",
2492
- children: /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2493
- onClick: () => document.getElementById('avatar-upload')?.click(),
2494
- style: {
2495
- position: 'relative',
2496
- cursor: 'pointer',
2497
- borderRadius: '50%'
2498
- },
2499
- children: [/*#__PURE__*/jsxRuntime.jsx(core.Avatar, {
2500
- src: avatarPreview || user?.image,
2501
- name: user?.name || user?.email,
2502
- size: 100,
2503
- radius: 100,
2504
- color: "initials"
2505
- }), /*#__PURE__*/jsxRuntime.jsx(core.ThemeIcon, {
2506
- size: 32,
2507
- radius: "xl",
2508
- color: "blue",
2487
+ children: props => /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
2488
+ label: labels.clickToChange || 'Clique para alterar',
2489
+ position: "bottom",
2490
+ children: /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2491
+ ...props,
2492
+ pos: "relative",
2509
2493
  style: {
2510
- position: 'absolute',
2494
+ cursor: 'pointer'
2495
+ },
2496
+ children: [/*#__PURE__*/jsxRuntime.jsx(core.Avatar, {
2497
+ src: avatarPreview || user?.image,
2498
+ name: user?.name || user?.email,
2499
+ size: 80,
2500
+ radius: 80,
2501
+ color: "gray"
2502
+ }), /*#__PURE__*/jsxRuntime.jsx(core.ThemeIcon, {
2503
+ size: 26,
2504
+ radius: "xl",
2505
+ color: "gray",
2506
+ pos: "absolute",
2511
2507
  bottom: 0,
2512
2508
  right: 0,
2513
- border: '2px solid var(--mantine-color-body)'
2514
- },
2515
- children: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconPhoto, {
2516
- size: 16
2517
- })
2518
- })]
2509
+ bd: "2px solid body",
2510
+ children: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconPhoto, {
2511
+ size: 14,
2512
+ stroke: 1.5
2513
+ })
2514
+ })]
2515
+ })
2519
2516
  })
2520
2517
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2521
2518
  size: "xs",
@@ -2524,20 +2521,18 @@ function UserProfile({
2524
2521
  children: labels.avatarHint || `Máximo ${Math.round(maxAvatarSize / 1024)}KB • JPG, PNG, GIF, WebP`
2525
2522
  }), /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2526
2523
  justify: "center",
2527
- gap: "sm",
2528
- children: [user?.image && /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
2529
- label: labels.removePhoto || 'Remover foto',
2530
- children: /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2531
- variant: "light",
2532
- color: "red",
2533
- size: "xs",
2534
- onClick: handleRemoveAvatar,
2535
- loading: loadingUpdateProfile,
2536
- leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconTrash, {
2537
- size: 14
2538
- }),
2539
- children: labels.remove || 'Remover'
2540
- })
2524
+ gap: "xs",
2525
+ children: [user?.image && /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2526
+ variant: "subtle",
2527
+ color: "gray",
2528
+ size: "xs",
2529
+ onClick: handleRemoveAvatar,
2530
+ loading: loadingUpdateProfile,
2531
+ leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconTrash, {
2532
+ size: 14,
2533
+ stroke: 1.5
2534
+ }),
2535
+ children: labels.remove || 'Remover'
2541
2536
  }), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2542
2537
  variant: "default",
2543
2538
  size: "xs",
@@ -2547,7 +2542,8 @@ function UserProfile({
2547
2542
  size: "xs",
2548
2543
  loading: loadingUpdateProfile,
2549
2544
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconCheck, {
2550
- size: 14
2545
+ size: 14,
2546
+ stroke: 1.5
2551
2547
  }),
2552
2548
  onClick: handleChangeAvatar,
2553
2549
  disabled: !avatarPreview || avatarPreview === user?.image,
@@ -2567,7 +2563,8 @@ function UserProfile({
2567
2563
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2568
2564
  gap: "xs",
2569
2565
  children: [/*#__PURE__*/jsxRuntime.jsx(iconsReact.IconPencil, {
2570
- size: 16,
2566
+ size: 18,
2567
+ stroke: 1.5,
2571
2568
  color: "var(--mantine-color-dimmed)"
2572
2569
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2573
2570
  size: "sm",
@@ -2576,9 +2573,10 @@ function UserProfile({
2576
2573
  })
2577
2574
  }), /*#__PURE__*/jsxRuntime.jsx(core.Collapse, {
2578
2575
  in: editingSection === 'name',
2579
- children: /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2580
- p: "md",
2576
+ children: /*#__PURE__*/jsxRuntime.jsx(core.Paper, {
2577
+ p: "sm",
2581
2578
  withBorder: true,
2579
+ radius: "sm",
2582
2580
  children: /*#__PURE__*/jsxRuntime.jsx("form", {
2583
2581
  onSubmit: nameForm.onSubmit(handleChangeName),
2584
2582
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
@@ -2587,26 +2585,25 @@ function UserProfile({
2587
2585
  label: labels.name || 'Nome',
2588
2586
  placeholder: labels.namePlaceholder || 'Digite seu nome',
2589
2587
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconUser, {
2590
- size: 16
2588
+ size: 16,
2589
+ stroke: 1.5
2591
2590
  }),
2592
2591
  ...nameForm.getInputProps('name')
2593
2592
  }), /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2594
2593
  justify: "flex-end",
2595
- gap: "sm",
2594
+ gap: "xs",
2596
2595
  children: [/*#__PURE__*/jsxRuntime.jsx(core.Button, {
2597
2596
  variant: "default",
2598
2597
  size: "xs",
2599
2598
  onClick: () => handleToggleSection('name'),
2600
- leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconX, {
2601
- size: 14
2602
- }),
2603
2599
  children: labels.cancel || 'Cancelar'
2604
2600
  }), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2605
2601
  type: "submit",
2606
2602
  size: "xs",
2607
2603
  loading: loadingUpdateProfile,
2608
2604
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconCheck, {
2609
- size: 14
2605
+ size: 14,
2606
+ stroke: 1.5
2610
2607
  }),
2611
2608
  children: labels.save || 'Salvar'
2612
2609
  })]
@@ -2625,7 +2622,8 @@ function UserProfile({
2625
2622
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2626
2623
  gap: "xs",
2627
2624
  children: [/*#__PURE__*/jsxRuntime.jsx(iconsReact.IconMail, {
2628
- size: 16,
2625
+ size: 18,
2626
+ stroke: 1.5,
2629
2627
  color: "var(--mantine-color-dimmed)"
2630
2628
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2631
2629
  size: "sm",
@@ -2634,9 +2632,10 @@ function UserProfile({
2634
2632
  })
2635
2633
  }), /*#__PURE__*/jsxRuntime.jsx(core.Collapse, {
2636
2634
  in: editingSection === 'email',
2637
- children: /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2638
- p: "md",
2635
+ children: /*#__PURE__*/jsxRuntime.jsx(core.Paper, {
2636
+ p: "sm",
2639
2637
  withBorder: true,
2638
+ radius: "sm",
2640
2639
  children: /*#__PURE__*/jsxRuntime.jsx("form", {
2641
2640
  onSubmit: emailForm.onSubmit(handleChangeEmail),
2642
2641
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
@@ -2645,26 +2644,25 @@ function UserProfile({
2645
2644
  label: labels.newEmail || 'Novo Email',
2646
2645
  placeholder: labels.newEmailPlaceholder || 'Digite o novo email',
2647
2646
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconMail, {
2648
- size: 16
2647
+ size: 16,
2648
+ stroke: 1.5
2649
2649
  }),
2650
2650
  ...emailForm.getInputProps('newEmail')
2651
2651
  }), /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2652
2652
  justify: "flex-end",
2653
- gap: "sm",
2653
+ gap: "xs",
2654
2654
  children: [/*#__PURE__*/jsxRuntime.jsx(core.Button, {
2655
2655
  variant: "default",
2656
2656
  size: "xs",
2657
2657
  onClick: () => handleToggleSection('email'),
2658
- leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconX, {
2659
- size: 14
2660
- }),
2661
2658
  children: labels.cancel || 'Cancelar'
2662
2659
  }), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2663
2660
  type: "submit",
2664
2661
  size: "xs",
2665
2662
  loading: loadingChangeEmail,
2666
2663
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconCheck, {
2667
- size: 14
2664
+ size: 14,
2665
+ stroke: 1.5
2668
2666
  }),
2669
2667
  children: labels.save || 'Salvar'
2670
2668
  })]
@@ -2693,7 +2691,8 @@ function UserProfile({
2693
2691
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2694
2692
  gap: "xs",
2695
2693
  children: [/*#__PURE__*/jsxRuntime.jsx(iconsReact.IconKey, {
2696
- size: 16,
2694
+ size: 18,
2695
+ stroke: 1.5,
2697
2696
  color: "var(--mantine-color-dimmed)"
2698
2697
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2699
2698
  size: "sm",
@@ -2703,9 +2702,10 @@ function UserProfile({
2703
2702
  })
2704
2703
  }), /*#__PURE__*/jsxRuntime.jsx(core.Collapse, {
2705
2704
  in: editingSection === 'password',
2706
- children: /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2707
- p: "md",
2705
+ children: /*#__PURE__*/jsxRuntime.jsx(core.Paper, {
2706
+ p: "sm",
2708
2707
  withBorder: true,
2708
+ radius: "sm",
2709
2709
  children: /*#__PURE__*/jsxRuntime.jsx("form", {
2710
2710
  onSubmit: passwordForm.onSubmit(handleChangePassword),
2711
2711
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
@@ -2730,16 +2730,14 @@ function UserProfile({
2730
2730
  variant: "default",
2731
2731
  size: "xs",
2732
2732
  onClick: () => handleToggleSection('password'),
2733
- leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconX, {
2734
- size: 14
2735
- }),
2736
2733
  children: labels.cancel || 'Cancelar'
2737
2734
  }), /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2738
2735
  type: "submit",
2739
2736
  size: "xs",
2740
2737
  loading: loadingChangePassword,
2741
2738
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconCheck, {
2742
- size: 14
2739
+ size: 14,
2740
+ stroke: 1.5
2743
2741
  }),
2744
2742
  children: labels.save || 'Salvar'
2745
2743
  })]
@@ -2758,7 +2756,8 @@ function UserProfile({
2758
2756
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2759
2757
  gap: "xs",
2760
2758
  children: [/*#__PURE__*/jsxRuntime.jsx(iconsReact.IconDevices, {
2761
- size: 16,
2759
+ size: 18,
2760
+ stroke: 1.5,
2762
2761
  color: "var(--mantine-color-dimmed)"
2763
2762
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2764
2763
  size: "sm",
@@ -2768,62 +2767,62 @@ function UserProfile({
2768
2767
  })
2769
2768
  }), /*#__PURE__*/jsxRuntime.jsx(core.Collapse, {
2770
2769
  in: editingSection === 'sessions',
2771
- children: /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2772
- p: "md",
2770
+ children: /*#__PURE__*/jsxRuntime.jsx(core.Paper, {
2771
+ p: "sm",
2773
2772
  withBorder: true,
2773
+ radius: "sm",
2774
2774
  children: /*#__PURE__*/jsxRuntime.jsx(core.Stack, {
2775
- gap: "md",
2775
+ gap: "xs",
2776
2776
  children: loadingListSessions ? /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2777
- size: "sm",
2777
+ size: "xs",
2778
2778
  c: "dimmed",
2779
2779
  ta: "center",
2780
+ py: "md",
2780
2781
  children: labels.loadingSessions || 'Carregando sessões...'
2781
2782
  }) : sessions.length === 0 ? /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2782
- size: "sm",
2783
+ size: "xs",
2783
2784
  c: "dimmed",
2784
2785
  ta: "center",
2786
+ py: "md",
2785
2787
  children: labels.noSessionsFound || 'Nenhuma sessão encontrada'
2786
2788
  }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2787
2789
  children: [sessions.map(sessionItem => {
2788
2790
  const isCurrentSession = sessionItem.id === currentSession?.id;
2789
2791
  const deviceInfo = parseUserAgent(sessionItem.userAgent);
2790
2792
  const createdDate = new Date(sessionItem.createdAt);
2791
- return /*#__PURE__*/jsxRuntime.jsx(core.Card, {
2792
- p: "sm",
2793
- style: {
2794
- borderColor: isCurrentSession ? 'var(--mantine-color-blue-5)' : undefined,
2795
- backgroundColor: isCurrentSession ? 'var(--mantine-color-blue-light)' : undefined
2796
- },
2793
+ return /*#__PURE__*/jsxRuntime.jsx(core.Paper, {
2794
+ p: "xs",
2795
+ withBorder: isCurrentSession,
2796
+ bd: isCurrentSession ? '1px solid gray' : undefined,
2797
+ radius: "sm",
2797
2798
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2798
2799
  justify: "space-between",
2799
2800
  wrap: "nowrap",
2801
+ align: "center",
2800
2802
  children: [/*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2801
2803
  gap: "sm",
2802
2804
  wrap: "nowrap",
2803
- style: {
2804
- flex: 1
2805
- },
2805
+ flex: 1,
2806
2806
  children: [/*#__PURE__*/jsxRuntime.jsx(core.ThemeIcon, {
2807
- size: 36,
2808
- variant: "light",
2809
- color: isCurrentSession ? 'blue' : 'gray',
2807
+ size: 32,
2808
+ variant: "subtle",
2809
+ color: "gray",
2810
2810
  children: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconDeviceMobile, {
2811
- size: 18
2811
+ size: 18,
2812
+ stroke: 1.5
2812
2813
  })
2813
2814
  }), /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2814
- style: {
2815
- flex: 1
2816
- },
2815
+ flex: 1,
2817
2816
  children: [/*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2818
2817
  gap: "xs",
2819
2818
  children: [/*#__PURE__*/jsxRuntime.jsx(core.Text, {
2820
- size: "sm",
2821
- fw: 500,
2819
+ size: "xs",
2820
+ fw: 600,
2822
2821
  children: deviceInfo.browser
2823
2822
  }), isCurrentSession && /*#__PURE__*/jsxRuntime.jsx(core.Badge, {
2824
2823
  size: "xs",
2825
- variant: "filled",
2826
- color: "blue",
2824
+ variant: "light",
2825
+ color: "gray",
2827
2826
  children: labels.thisDevice || 'Este dispositivo'
2828
2827
  })]
2829
2828
  }), /*#__PURE__*/jsxRuntime.jsxs(core.Text, {
@@ -2842,13 +2841,14 @@ function UserProfile({
2842
2841
  }), /*#__PURE__*/jsxRuntime.jsx(core.Tooltip, {
2843
2842
  label: isCurrentSession ? labels.signOutAndEnd || 'Encerrar e sair' : labels.endSession || 'Encerrar sessão',
2844
2843
  children: /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2845
- variant: "light",
2846
- color: "red",
2844
+ variant: "subtle",
2845
+ color: "gray",
2847
2846
  size: "xs",
2848
2847
  onClick: () => handleRevokeSession(sessionItem.id),
2849
2848
  loading: loadingRevokeSession === sessionItem.id,
2850
2849
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconLogout, {
2851
- size: 14
2850
+ size: 14,
2851
+ stroke: 1.5
2852
2852
  }),
2853
2853
  children: labels.end || 'Encerrar'
2854
2854
  })
@@ -2857,14 +2857,16 @@ function UserProfile({
2857
2857
  }, sessionItem.id);
2858
2858
  }), sessions.length > 1 && /*#__PURE__*/jsxRuntime.jsx(core.Group, {
2859
2859
  justify: "flex-end",
2860
+ mt: "xs",
2860
2861
  children: /*#__PURE__*/jsxRuntime.jsx(core.Button, {
2861
- variant: "light",
2862
- color: "red",
2862
+ variant: "subtle",
2863
+ color: "gray",
2863
2864
  size: "xs",
2864
2865
  onClick: handleRevokeOtherSessions,
2865
2866
  loading: loadingRevokeSession === 'all',
2866
2867
  leftSection: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconLogout, {
2867
- size: 14
2868
+ size: 14,
2869
+ stroke: 1.5
2868
2870
  }),
2869
2871
  children: labels.endOtherSessions || 'Encerrar todas as outras sessões'
2870
2872
  })
@@ -2883,27 +2885,31 @@ function UserProfile({
2883
2885
  return /*#__PURE__*/jsxRuntime.jsxs(core.Modal, {
2884
2886
  opened: opened,
2885
2887
  onClose: onClose,
2886
- size: width + 50,
2888
+ size: width,
2887
2889
  withCloseButton: true,
2888
2890
  radius: "md",
2889
2891
  overlayProps: {
2890
- backgroundOpacity: 0.55,
2891
- blur: 3
2892
+ backgroundOpacity: 0.5,
2893
+ blur: 4
2892
2894
  },
2893
2895
  title: /*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2894
- gap: "md",
2896
+ gap: "sm",
2895
2897
  children: [/*#__PURE__*/jsxRuntime.jsx(core.ThemeIcon, {
2896
- size: 44,
2897
- variant: "light",
2898
+ size: 32,
2899
+ variant: "subtle",
2900
+ color: "gray",
2898
2901
  children: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconUserCircle, {
2899
- size: 24
2902
+ size: 24,
2903
+ stroke: 1.5
2900
2904
  })
2901
- }), /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2905
+ }), /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
2906
+ gap: 0,
2902
2907
  children: [/*#__PURE__*/jsxRuntime.jsx(core.Title, {
2903
- order: 4,
2908
+ order: 5,
2909
+ fw: 600,
2904
2910
  children: title
2905
2911
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2906
- size: "sm",
2912
+ size: "xs",
2907
2913
  c: "dimmed",
2908
2914
  children: subtitle
2909
2915
  })]
@@ -2928,24 +2934,28 @@ function UserProfile({
2928
2934
  children: /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
2929
2935
  gap: "sm",
2930
2936
  children: [/*#__PURE__*/jsxRuntime.jsxs(core.Group, {
2931
- gap: "md",
2937
+ gap: "sm",
2932
2938
  children: [logo ? /*#__PURE__*/jsxRuntime.jsx(core.Image, {
2933
2939
  src: logo,
2934
2940
  alt: "Auth",
2935
2941
  h: logoHeight,
2936
2942
  fit: "contain"
2937
2943
  }) : /*#__PURE__*/jsxRuntime.jsx(core.ThemeIcon, {
2938
- size: 44,
2939
- variant: "light",
2944
+ size: 32,
2945
+ variant: "subtle",
2946
+ color: "gray",
2940
2947
  children: /*#__PURE__*/jsxRuntime.jsx(iconsReact.IconUserCircle, {
2941
- size: 24
2948
+ size: 24,
2949
+ stroke: 1.5
2942
2950
  })
2943
- }), /*#__PURE__*/jsxRuntime.jsxs(core.Box, {
2951
+ }), /*#__PURE__*/jsxRuntime.jsxs(core.Stack, {
2952
+ gap: 0,
2944
2953
  children: [/*#__PURE__*/jsxRuntime.jsx(core.Title, {
2945
- order: 4,
2954
+ order: 5,
2955
+ fw: 600,
2946
2956
  children: title
2947
2957
  }), /*#__PURE__*/jsxRuntime.jsx(core.Text, {
2948
- size: "sm",
2958
+ size: "xs",
2949
2959
  c: "dimmed",
2950
2960
  children: subtitle
2951
2961
  })]