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