@tatchi-xyz/sdk 0.21.0 → 0.31.1

package/dist/esm/react/components/AccountMenuButton/LinkedDevicesModal-BRtht0XI.css

@@ -1,452 +0,0 @@
-/* Linked Devices Modal Styles */
-
-.w3a-access-keys-modal-backdrop {
-  position: fixed;
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  /* Ensure this modal stays below the wallet iframe overlay */
-  z-index: var(--w3a-z-underlay-backdrop, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-backdrop-offset, 2)));
-  background: oklch(0.2 0.01 240 / 0.8);
-  backdrop-filter: blur(8px);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  animation: backdrop-opacity 32ms ease-in;
-  will-change: opacity;
-}
-
-.w3a-access-keys-modal-inner {
-  position: relative;
-  z-index: var(--w3a-z-underlay-content, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-content-offset, 1)));
-  display: grid;
-  place-items: center;
-  height: 100%;
-  width: 100%;
-  max-width: 480;
-  border-radius: 12px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  overflow: visible;
-}
-
-.w3a-access-keys-modal-content {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  padding: 1rem;
-  overflow: visible;
-  min-height: 200px;
-  max-width: 480px;
-  min-width: 340px;
-  background: var(--w3a-colors-colorBackground);
-  border: 1px solid var(--w3a-colors-borderPrimary);
-  border-radius: 2rem;
-}
-
-.w3a-access-keys-modal-close {
-  position: absolute;
-  top: 1rem;
-  right: 1rem;
-  background: none;
-  border: none;
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--w3a-colors-textMuted);
-  cursor: pointer;
-  padding: 24px;
-  border-radius: 2rem;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-}
-
-.w3a-access-keys-modal-close:hover {
-  color: var(--w3a-colors-textPrimary);
-  background: var(--w3a-colors-surface);
-}
-
-.w3a-access-keys-modal-header {
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-  align-items: center;
-  padding: 1rem;
-}
-
-.w3a-access-keys-modal-title {
-  font-size: 1.5rem;
-  font-weight: 700;
-  color: var(--w3a-colors-textPrimary);
-  margin: 0;
-}
-
-.w3a-access-keys-modal-subtitle {
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--w3a-colors-textPrimary);
-  margin: 16px 0 8px;
-}
-
-.w3a-access-keys-section {
-  margin-top: 12px;
-}
-
-.theme-light .w3a-access-key-current {
-  color: var(--w3a-colors-blue500, var(--w3a-colors-primary));
-}
-
-.theme-dark .w3a-access-key-current {
-  color: var(--w3a-colors-primary, var(--w3a-colors-blue500));
-}
-
-
-/* Loading, error, and empty states */
-.w3a-access-keys-error,
-.w3a-access-keys-empty {
-  text-align: center;
-  padding: 32px;
-  color: var(--w3a-colors-textMuted);
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-}
-
-.w3a-access-keys-error { color: var(--w3a-colors-error); }
-
-.w3a-access-keys-error .w3a-btn {
-  margin-top: 16px;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .w3a-access-keys-modal-outer {
-    padding: 8px;
-  }
-
-  .w3a-access-keys-modal-inner {
-    max-width: 100%;
-  max-height: 90vh;
-  /* Prefer dynamic viewport height on capable browsers */
-  @supports (height: 1dvh) {
-    max-height: 90dvh;
-  }
-  }
-
-  .w3a-access-keys-modal-header {
-    padding: 16px;
-  }
-
-  .w3a-access-keys-modal-content {
-    padding: 0 16px 16px;
-    max-width: 480px;
-  }
-}
-
-@media (max-width: 480px) {
-  .w3a-key-item {
-    max-width: 100%;
-  }
-}
-
-/* Linked Devices List */
-.w3a-keys-list {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
-  flex: 1;
-  overflow-x: visible;
-}
-
-.w3a-key-item {
-  box-sizing: border-box;
-  display: grid;
-  align-items: center;
-  background: var(--w3a-colors-surface);
-  border: 1px solid var(--w3a-colors-borderPrimary);
-  border-radius: 1rem;
-  padding: 1rem;
-  transition: all 0.2s ease;
-  overflow: visible;
-  animation: fadeInKeyItem 0.2s ease-in;
-}
-
-.w3a-key-content {
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  gap: 1rem;
-}
-
-.w3a-key-details {
-  flex: 1;
-  min-width: 0;
-  font-size: 0.9rem;
-  font-weight: 500;
-  line-height: 1rem;
-  display: grid;
-  gap: 0.5rem;
-}
-
-.w3a-key-details .mono {
-  word-break: break-all;
-}
-
-.w3a-key-details .body {
-  margin-bottom: 0;
-}
-
-.w3a-key-details .body:last-child {
-  margin-bottom: 0;
-}
-
-.w3a-key-status {
-  flex-shrink: 0;
-}
-
-.w3a-status-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 92px;
-  padding: 2px 8px;
-  background: transparent;
-  color: var(--w3a-colors-success);
-  border: 1px solid var(--w3a-colors-success);
-  border-radius: 12px;
-  font-size: 0.75rem;
-  font-weight: 500;
-}
-
-.theme-light .w3a-status-badge.w3a-full-access {
-  color: var(--w3a-colors-blue500);
-  border-color: var(--w3a-colors-blue500);
-}
-
-.w3a-key-header {
-  display: flex;
-  align-items: center;
-  gap: var(--w3a-spacing-sm);
-  color: var(--w3a-colors-textPrimary);
-}
-
-.w3a-copyable-key {
-  cursor: pointer;
-  flex: 1;
-  margin: 0;
-  transition: all 0.2s ease;
-  color: var(--w3a-colors-textPrimary);
-}
-
-.w3a-copyable-key:hover {
-  cursor: pointer;
-  color: var(--w3a-colors-primary);
-}
-
-/* Tooltip styles */
-.w3a-copyable-key {
-  position: relative;
-}
-
-.w3a-copy-tooltip {
-  position: absolute;
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  background: var(--w3a-colors-surface2);
-  color: var(--w3a-colors-textPrimary);
-  border: 1px solid var(--w3a-colors-textMuted);
-  padding: 0.25rem 0.5rem;
-  border-radius: 1rem;
-  font-size: 0.75rem;
-  white-space: nowrap;
-  z-index: 1000;
-  margin-bottom: 0.25rem;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
-  animation: tooltipFadeIn 0.1s ease-in-out;
-  pointer-events: none;
-}
-
-.w3a-copy-tooltip::after {
-  content: '';
-  position: absolute;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border: 4px solid transparent;
-  border-top-color: var(--w3a-colors-surface);
-}
-
-/* Registered timestamp styling */
-.w3a-registered {
-  font-size: 0.9rem;
-  color: var(--w3a-colors-textPrimary);
-}
-
-/* Theme-specific contrast for registered timestamps */
-.theme-dark .w3a-registered {
-  color: var(--w3a-colors-textPrimary);
-}
-.theme-light .w3a-registered {
-  color: var(--w3a-colors-textPrimary);
-}
-
-/* Inline device row layout */
-.w3a-device-row {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-}
-
-/* Device badge */
-.w3a-device-badge {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 4px 8px;
-  border-radius: 999px;
-  border: 1px solid var(--w3a-colors-borderPrimary);
-  color: #fff;
-  background: var(--w3a-colors-buttonBackground);
-  font-size: 0.825rem;
-  font-weight: 600;
-  line-height: 1;
-}
-
-.w3a-current-device-text {
-  opacity: 0.85;
-}
-
-.w3a-separator {
-  opacity: 0.6;
-}
-
-@keyframes tooltipFadeIn {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) translateY(4px);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) translateY(0);
-  }
-}
-
-@keyframes copiedPulse {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.05);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-
-/* Button System */
-.w3a-btn {
-  padding: 4px 8px;
-  border: none;
-  border-radius: 8px;
-  font-size: 0.9rem;
-  font-weight: 500;
-  min-width: 2rem;
-  min-height: 2rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 2px;
-}
-
-.w3a-btn-primary {
-  background: var(--w3a-colors-primary);
-  color: #fff;
-}
-
-.w3a-btn-primary:hover:not(:disabled) {
-  background: var(--w3a-colors-primaryHover);
-  box-shadow: 0 2px 4px var(--w3a-shadows-sm);
-}
-
-.w3a-btn-primary:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-  transform: none;
-}
-
-.w3a-btn-danger {
-  background: var(--w3a-colors-error);
-  color: #fff;
-}
-
-.w3a-btn-danger:hover:not(:disabled) {
-  background: var(--w3a-colors-error);
-  box-shadow: 0 2px 4px var(--w3a-shadows-sm);
-}
-
-.w3a-btn-danger:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-  transform: none;
-}
-
-.w3a-spinner {
-  width: 16px;
-  height: 16px;
-  border: 2px solid var(--w3a-colors-borderPrimary);
-  border-top: 2px solid var(--w3a-colors-primary);
-  border-radius: 50%;
-  animation: spin 1s linear infinite;
-}
-
-/* Button-local spinner: match text size inside small buttons */
-.w3a-btn .w3a-spinner,
-.w3a-btn-primary .w3a-spinner,
-.w3a-btn-danger .w3a-spinner,
-.w3a-btn-disabled .w3a-spinner {
-  width: 1em;
-  height: 1em;
-  border-width: 2px;
-  margin-left: 0;
-}
-
-/* Danger button spinner: use white instead of primary/blue */
-.w3a-btn-danger .w3a-spinner {
-  border-color: rgba(255, 255, 255, 0.4);
-  border-top-color: #ffffff;
-}
-
-@keyframes spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-@keyframes fadeInKeyItem {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes backdrop-opacity {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-
-/*# sourceMappingURL=LinkedDevicesModal-BRtht0XI.css.map*/

package/dist/esm/react/components/AccountMenuButton/LinkedDevicesModal-BRtht0XI.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkedDevicesModal-BRtht0XI.css","names":[],"sources":["../../../../../src/react/components/AccountMenuButton/LinkedDevicesModal.css"],"sourcesContent":["/* Linked Devices Modal Styles */\n\n.w3a-access-keys-modal-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  /* Ensure this modal stays below the wallet iframe overlay */\n  z-index: var(--w3a-z-underlay-backdrop, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-backdrop-offset, 2)));\n  background: oklch(0.2 0.01 240 / 0.8);\n  backdrop-filter: blur(8px);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  animation: backdrop-opacity 32ms ease-in;\n  will-change: opacity;\n}\n\n.w3a-access-keys-modal-inner {\n  position: relative;\n  z-index: var(--w3a-z-underlay-content, calc(var(--w3a-wallet-overlay-z, 2147483646) - var(--w3a-wallet-underlay-content-offset, 1)));\n  display: grid;\n  place-items: center;\n  height: 100%;\n  width: 100%;\n  max-width: 480;\n  border-radius: 12px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n  overflow: visible;\n}\n\n.w3a-access-keys-modal-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n  overflow: visible;\n  min-height: 200px;\n  max-width: 480px;\n  min-width: 340px;\n  background: var(--w3a-colors-colorBackground);\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 2rem;\n}\n\n.w3a-access-keys-modal-close {\n  position: absolute;\n  top: 1rem;\n  right: 1rem;\n  background: none;\n  border: none;\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--w3a-colors-textMuted);\n  cursor: pointer;\n  padding: 24px;\n  border-radius: 2rem;\n  transition: all 0.2s ease;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n}\n\n.w3a-access-keys-modal-close:hover {\n  color: var(--w3a-colors-textPrimary);\n  background: var(--w3a-colors-surface);\n}\n\n.w3a-access-keys-modal-header {\n  display: flex;\n  justify-content: space-between;\n  box-sizing: border-box;\n  align-items: center;\n  padding: 1rem;\n}\n\n.w3a-access-keys-modal-title {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--w3a-colors-textPrimary);\n  margin: 0;\n}\n\n.w3a-access-keys-modal-subtitle {\n  font-size: 1rem;\n  font-weight: 600;\n  color: var(--w3a-colors-textPrimary);\n  margin: 16px 0 8px;\n}\n\n.w3a-access-keys-section {\n  margin-top: 12px;\n}\n\n.theme-light .w3a-access-key-current {\n  color: var(--w3a-colors-blue500, var(--w3a-colors-primary));\n}\n\n.theme-dark .w3a-access-key-current {\n  color: var(--w3a-colors-primary, var(--w3a-colors-blue500));\n}\n\n\n/* Loading, error, and empty states */\n.w3a-access-keys-error,\n.w3a-access-keys-empty {\n  text-align: center;\n  padding: 32px;\n  color: var(--w3a-colors-textMuted);\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.w3a-access-keys-error { color: var(--w3a-colors-error); }\n\n.w3a-access-keys-error .w3a-btn {\n  margin-top: 16px;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .w3a-access-keys-modal-outer {\n    padding: 8px;\n  }\n\n  .w3a-access-keys-modal-inner {\n    max-width: 100%;\n  max-height: 90vh;\n  /* Prefer dynamic viewport height on capable browsers */\n  @supports (height: 1dvh) {\n    max-height: 90dvh;\n  }\n  }\n\n  .w3a-access-keys-modal-header {\n    padding: 16px;\n  }\n\n  .w3a-access-keys-modal-content {\n    padding: 0 16px 16px;\n    max-width: 480px;\n  }\n}\n\n@media (max-width: 480px) {\n  .w3a-key-item {\n    max-width: 100%;\n  }\n}\n\n/* Linked Devices List */\n.w3a-keys-list {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  flex: 1;\n  overflow-x: visible;\n}\n\n.w3a-key-item {\n  box-sizing: border-box;\n  display: grid;\n  align-items: center;\n  background: var(--w3a-colors-surface);\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 1rem;\n  padding: 1rem;\n  transition: all 0.2s ease;\n  overflow: visible;\n  animation: fadeInKeyItem 0.2s ease-in;\n}\n\n.w3a-key-content {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  gap: 1rem;\n}\n\n.w3a-key-details {\n  flex: 1;\n  min-width: 0;\n  font-size: 0.9rem;\n  font-weight: 500;\n  line-height: 1rem;\n  display: grid;\n  gap: 0.5rem;\n}\n\n.w3a-key-details .mono {\n  word-break: break-all;\n}\n\n.w3a-key-details .body {\n  margin-bottom: 0;\n}\n\n.w3a-key-details .body:last-child {\n  margin-bottom: 0;\n}\n\n.w3a-key-status {\n  flex-shrink: 0;\n}\n\n.w3a-status-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 92px;\n  padding: 2px 8px;\n  background: transparent;\n  color: var(--w3a-colors-success);\n  border: 1px solid var(--w3a-colors-success);\n  border-radius: 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n}\n\n.theme-light .w3a-status-badge.w3a-full-access {\n  color: var(--w3a-colors-blue500);\n  border-color: var(--w3a-colors-blue500);\n}\n\n.w3a-key-header {\n  display: flex;\n  align-items: center;\n  gap: var(--w3a-spacing-sm);\n  color: var(--w3a-colors-textPrimary);\n}\n\n.w3a-copyable-key {\n  cursor: pointer;\n  flex: 1;\n  margin: 0;\n  transition: all 0.2s ease;\n  color: var(--w3a-colors-textPrimary);\n}\n\n.w3a-copyable-key:hover {\n  cursor: pointer;\n  color: var(--w3a-colors-primary);\n}\n\n/* Tooltip styles */\n.w3a-copyable-key {\n  position: relative;\n}\n\n.w3a-copy-tooltip {\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  background: var(--w3a-colors-surface2);\n  color: var(--w3a-colors-textPrimary);\n  border: 1px solid var(--w3a-colors-textMuted);\n  padding: 0.25rem 0.5rem;\n  border-radius: 1rem;\n  font-size: 0.75rem;\n  white-space: nowrap;\n  z-index: 1000;\n  margin-bottom: 0.25rem;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  animation: tooltipFadeIn 0.1s ease-in-out;\n  pointer-events: none;\n}\n\n.w3a-copy-tooltip::after {\n  content: '';\n  position: absolute;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  border: 4px solid transparent;\n  border-top-color: var(--w3a-colors-surface);\n}\n\n/* Registered timestamp styling */\n.w3a-registered {\n  font-size: 0.9rem;\n  color: var(--w3a-colors-textPrimary);\n}\n\n/* Theme-specific contrast for registered timestamps */\n.theme-dark .w3a-registered {\n  color: var(--w3a-colors-textPrimary);\n}\n.theme-light .w3a-registered {\n  color: var(--w3a-colors-textPrimary);\n}\n\n/* Inline device row layout */\n.w3a-device-row {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n}\n\n/* Device badge */\n.w3a-device-badge {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 4px 8px;\n  border-radius: 999px;\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  color: #fff;\n  background: var(--w3a-colors-buttonBackground);\n  font-size: 0.825rem;\n  font-weight: 600;\n  line-height: 1;\n}\n\n.w3a-current-device-text {\n  opacity: 0.85;\n}\n\n.w3a-separator {\n  opacity: 0.6;\n}\n\n@keyframes tooltipFadeIn {\n  from {\n    opacity: 0;\n    transform: translateX(-50%) translateY(4px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n}\n\n@keyframes copiedPulse {\n  0% {\n    transform: scale(1);\n  }\n  50% {\n    transform: scale(1.05);\n  }\n  100% {\n    transform: scale(1);\n  }\n}\n\n/* Button System */\n.w3a-btn {\n  padding: 4px 8px;\n  border: none;\n  border-radius: 8px;\n  font-size: 0.9rem;\n  font-weight: 500;\n  min-width: 2rem;\n  min-height: 2rem;\n  cursor: pointer;\n  transition: all 0.2s ease;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n}\n\n.w3a-btn-primary {\n  background: var(--w3a-colors-primary);\n  color: #fff;\n}\n\n.w3a-btn-primary:hover:not(:disabled) {\n  background: var(--w3a-colors-primaryHover);\n  box-shadow: 0 2px 4px var(--w3a-shadows-sm);\n}\n\n.w3a-btn-primary:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.w3a-btn-danger {\n  background: var(--w3a-colors-error);\n  color: #fff;\n}\n\n.w3a-btn-danger:hover:not(:disabled) {\n  background: var(--w3a-colors-error);\n  box-shadow: 0 2px 4px var(--w3a-shadows-sm);\n}\n\n.w3a-btn-danger:disabled {\n  opacity: 0.6;\n  cursor: not-allowed;\n  transform: none;\n}\n\n.w3a-spinner {\n  width: 16px;\n  height: 16px;\n  border: 2px solid var(--w3a-colors-borderPrimary);\n  border-top: 2px solid var(--w3a-colors-primary);\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n}\n\n/* Button-local spinner: match text size inside small buttons */\n.w3a-btn .w3a-spinner,\n.w3a-btn-primary .w3a-spinner,\n.w3a-btn-danger .w3a-spinner,\n.w3a-btn-disabled .w3a-spinner {\n  width: 1em;\n  height: 1em;\n  border-width: 2px;\n  margin-left: 0;\n}\n\n/* Danger button spinner: use white instead of primary/blue */\n.w3a-btn-danger .w3a-spinner {\n  border-color: rgba(255, 255, 255, 0.4);\n  border-top-color: #ffffff;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n@keyframes fadeInKeyItem {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes backdrop-opacity {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/esm/react/components/AccountMenuButton/ProfileDropdown-BG_6hcim.css

@@ -1,120 +0,0 @@
-/* ProfileDropdown component-specific styles */
-
-/* Dropdown (grid height animation with data-state) */
-.w3a-profile-dropdown-morphed {
-  position: static;
-  box-sizing: border-box;
-  margin-top: 0;
-  opacity: 0;
-  visibility: hidden;
-  display: grid;
-  grid-template-rows: 0fr;
-  grid-template-columns: 1fr;
-  transition: opacity 120ms linear, grid-template-rows 140ms cubic-bezier(0.16, 1, 0.3, 1);
-  border-top: 1px solid var(--w3a-colors-borderPrimary);
-}
-
-.w3a-profile-dropdown-morphed[data-state="open"] {
-  opacity: 1;
-  visibility: visible;
-  grid-template-rows: 1fr;
-  grid-template-columns: 1fr;
-  pointer-events: auto;
-  --stagger-base: 40ms;
-}
-
-.w3a-profile-dropdown-morphed[data-state="closed"] {
-  pointer-events: none;
-  border-top-width: 0;
-  grid-template-rows: 0fr;
-  height: 0;
-  min-height: 0;
-  width: 0;
-  min-width: 0;
-  max-width: 0;
-  overflow: hidden;
-  margin: 0;
-  padding: 0;
-}
-
-.w3a-profile-dropdown-morphed.hidden {
-  display: none;
-}
-
-/* Inner clip and container */
-.w3a-profile-dropdown-menu {
-  overflow: hidden;
-  min-height: 0;
-  min-width: 0;
-}
-
-/* Global theme pulse when toggling theme */
-@keyframes w3a-theme-pulse {
-  0% { filter: none; }
-  50% { filter: brightness(1.05) saturate(1.06); }
-  100% { filter: none; }
-}
-body[data-w3a-theme-pulse="1"] .w3a-profile-dropdown-menu {
-  animation: w3a-theme-pulse 220ms ease;
-}
-
-/* Press feedback for menu items (animate even if state doesn't change) */
-.w3a-dropdown-menu-item {
-  transition: transform 120ms ease, background-color 160ms ease, box-shadow 160ms ease;
-}
-.w3a-dropdown-menu-item:active {
-  transform: scale(0.98);
-  background: var(--w3a-colors-surface2);
-}
-
-/* Themed focus ring for accessibility */
-.w3a-dropdown-menu-item:focus { outline: none; }
-.w3a-dropdown-menu-item:focus-visible {
-  box-shadow: 0 0 0 2px color-mix(in srgb, var(--w3a-colors-focus), transparent 60%);
-}
-
-/* Menu item animation states */
-
-.w3a-profile-dropdown-morphed[data-state="closed"] .w3a-dropdown-menu-item {
-  opacity: 0;
-  transform: translateX(-1rem);
-  animation: none;
-}
-
-.w3a-profile-dropdown-morphed[data-state="open"] .w3a-dropdown-menu-item {
-  animation: w3a-profile-menu-item-enter 240ms linear forwards;
-  animation-delay: calc(var(--stagger-base, 0ms) + var(--stagger-item-n, 0) * 20ms);
-}
-
-/* Menu Item Animation Keyframes */
-@keyframes w3a-profile-menu-item-enter {
-  from {
-    opacity: 0;
-    transform: translateX(-1rem);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(0);
-  }
-}
-
-@keyframes w3a-profile-menu-item-exit {
-  from {
-    opacity: 1;
-    transform: translateX(0);
-  }
-  to {
-    opacity: 0;
-    transform: translateX(-1rem);
-  }
-}
-
-/* Logout menu item specific styling */
-.w3a-logout-menu-item {
-  border-top: 1px solid var(--w3a-colors-borderPrimary);
-  border-radius: 0px 0px 2rem 2rem;
-  margin-top: 0.5rem;
-}
-
-
-/*# sourceMappingURL=ProfileDropdown-BG_6hcim.css.map*/

package/dist/esm/react/components/AccountMenuButton/ProfileDropdown-BG_6hcim.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProfileDropdown-BG_6hcim.css","names":[],"sources":["../../../../../src/react/components/AccountMenuButton/ProfileDropdown.css"],"sourcesContent":["/* ProfileDropdown component-specific styles */\n\n/* Dropdown (grid height animation with data-state) */\n.w3a-profile-dropdown-morphed {\n  position: static;\n  box-sizing: border-box;\n  margin-top: 0;\n  opacity: 0;\n  visibility: hidden;\n  display: grid;\n  grid-template-rows: 0fr;\n  grid-template-columns: 1fr;\n  transition: opacity 120ms linear, grid-template-rows 140ms cubic-bezier(0.16, 1, 0.3, 1);\n  border-top: 1px solid var(--w3a-colors-borderPrimary);\n}\n\n.w3a-profile-dropdown-morphed[data-state=\"open\"] {\n  opacity: 1;\n  visibility: visible;\n  grid-template-rows: 1fr;\n  grid-template-columns: 1fr;\n  pointer-events: auto;\n  --stagger-base: 40ms;\n}\n\n.w3a-profile-dropdown-morphed[data-state=\"closed\"] {\n  pointer-events: none;\n  border-top-width: 0;\n  grid-template-rows: 0fr;\n  height: 0;\n  min-height: 0;\n  width: 0;\n  min-width: 0;\n  max-width: 0;\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n}\n\n.w3a-profile-dropdown-morphed.hidden {\n  display: none;\n}\n\n/* Inner clip and container */\n.w3a-profile-dropdown-menu {\n  overflow: hidden;\n  min-height: 0;\n  min-width: 0;\n}\n\n/* Global theme pulse when toggling theme */\n@keyframes w3a-theme-pulse {\n  0% { filter: none; }\n  50% { filter: brightness(1.05) saturate(1.06); }\n  100% { filter: none; }\n}\nbody[data-w3a-theme-pulse=\"1\"] .w3a-profile-dropdown-menu {\n  animation: w3a-theme-pulse 220ms ease;\n}\n\n/* Press feedback for menu items (animate even if state doesn't change) */\n.w3a-dropdown-menu-item {\n  transition: transform 120ms ease, background-color 160ms ease, box-shadow 160ms ease;\n}\n.w3a-dropdown-menu-item:active {\n  transform: scale(0.98);\n  background: var(--w3a-colors-surface2);\n}\n\n/* Themed focus ring for accessibility */\n.w3a-dropdown-menu-item:focus { outline: none; }\n.w3a-dropdown-menu-item:focus-visible {\n  box-shadow: 0 0 0 2px color-mix(in srgb, var(--w3a-colors-focus), transparent 60%);\n}\n\n/* Menu item animation states */\n\n.w3a-profile-dropdown-morphed[data-state=\"closed\"] .w3a-dropdown-menu-item {\n  opacity: 0;\n  transform: translateX(-1rem);\n  animation: none;\n}\n\n.w3a-profile-dropdown-morphed[data-state=\"open\"] .w3a-dropdown-menu-item {\n  animation: w3a-profile-menu-item-enter 240ms linear forwards;\n  animation-delay: calc(var(--stagger-base, 0ms) + var(--stagger-item-n, 0) * 20ms);\n}\n\n/* Menu Item Animation Keyframes */\n@keyframes w3a-profile-menu-item-enter {\n  from {\n    opacity: 0;\n    transform: translateX(-1rem);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes w3a-profile-menu-item-exit {\n  from {\n    opacity: 1;\n    transform: translateX(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateX(-1rem);\n  }\n}\n\n/* Logout menu item specific styling */\n.w3a-logout-menu-item {\n  border-top: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 0px 0px 2rem 2rem;\n  margin-top: 0.5rem;\n}\n"],"mappings":"AAAA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}

package/dist/esm/react/components/AccountMenuButton/Web3AuthProfileButton-k8_FAYFq.css

@@ -1,77 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-
-.w3a-profile-button-morphable {
-  position: relative;
-  background-color: var(--w3a-colors-colorBackground);
-  border: 1px solid var(--w3a-colors-borderPrimary);
-  border-radius: 2rem;
-  box-shadow: var(--w3a-shadows-sm);
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--w3a-colors-textPrimary);
-  cursor: pointer;
-  outline: none;
-  overflow: visible;
-  width: fit-content;
-  transition: none;
-}
-
-.w3a-profile-button-morphable:hover {
-  border-color: var(--w3a-colors-borderHover);
-}
-
-.w3a-profile-button-icon {
-  flex-shrink: 0;
-}
-
-.w3a-profile-button-icon svg {
-  overflow: visible;
-}
-
-.w3a-profile-button-username {
-  white-space: nowrap;
-  overflow: hidden;
-  display: inline-block;
-}
-
-.w3a-profile-button-icon {
-  color: var(--w3a-colors-textSecondary);
-}
-
-.w3a-profile-button-username {
-  display: block; color: var(--w3a-colors-textSecondary);
-}
-
-.w3a-profile-button-username.hidden {
-  display: none;
-}
-
-.w3a-user-account--toggle-content {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: space-between;
-  transition: opacity 0.15s ease-in-out;
-}
-
-.w3a-user-account--toggle-text {
-  flex: 1;
-}
-
-.w3a-user-account--toggle-title {
-  font-weight: 500;
-  color: var(--w3a-colors-textPrimary);
-  font-size: 14px;
-  margin: 0;
-}
-
-.w3a-user-account--toggle-description {
-  font-size: 14px;
-  color: var(--w3a-colors-textMuted);
-  margin: 0;
-}
-
-
-/*# sourceMappingURL=Web3AuthProfileButton-k8_FAYFq.css.map*/

package/dist/esm/react/components/AccountMenuButton/Web3AuthProfileButton-k8_FAYFq.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"Web3AuthProfileButton-k8_FAYFq.css","names":[],"sources":["../../../../../src/react/components/AccountMenuButton/Web3AuthProfileButton.css"],"sourcesContent":["* {\n  box-sizing: border-box;\n}\n\n.w3a-profile-button-morphable {\n  position: relative;\n  background-color: var(--w3a-colors-colorBackground);\n  border: 1px solid var(--w3a-colors-borderPrimary);\n  border-radius: 2rem;\n  box-shadow: var(--w3a-shadows-sm);\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--w3a-colors-textPrimary);\n  cursor: pointer;\n  outline: none;\n  overflow: visible;\n  width: fit-content;\n  transition: none;\n}\n\n.w3a-profile-button-morphable:hover {\n  border-color: var(--w3a-colors-borderHover);\n}\n\n.w3a-profile-button-icon {\n  flex-shrink: 0;\n}\n\n.w3a-profile-button-icon svg {\n  overflow: visible;\n}\n\n.w3a-profile-button-username {\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n}\n\n.w3a-profile-button-icon {\n  color: var(--w3a-colors-textSecondary);\n}\n\n.w3a-profile-button-username {\n  display: block; color: var(--w3a-colors-textSecondary);\n}\n\n.w3a-profile-button-username.hidden {\n  display: none;\n}\n\n.w3a-user-account--toggle-content {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: space-between;\n  transition: opacity 0.15s ease-in-out;\n}\n\n.w3a-user-account--toggle-text {\n  flex: 1;\n}\n\n.w3a-user-account--toggle-title {\n  font-weight: 500;\n  color: var(--w3a-colors-textPrimary);\n  font-size: 14px;\n  margin: 0;\n}\n\n.w3a-user-account--toggle-description {\n  font-size: 14px;\n  color: var(--w3a-colors-textMuted);\n  margin: 0;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA"}