@riligar/auth-react 1.29.0 → 1.30.1

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