@stisocial/ui 0.2.0 → 0.2.1

package/dist/styles.css

@@ -29110,97 +29110,125 @@
   }
 }
 
+/* id/_internal/StiMark/StiMark.css */
+@layer sti.components {
+  .sti-StiMark-root-b3ba6 {
+    --sti-mark-ink: var(--sti-fg);
+    --sti-mark-signal: var(--sti-fill-accent);
+    block-size: 1em;
+    inline-size: 1em;
+    display: block;
+  }
+
+  .sti-StiMark-ink-f5538 {
+    fill: var(--sti-mark-ink);
+  }
+
+  .sti-StiMark-signal-35b7e {
+    stroke: var(--sti-mark-signal);
+  }
+
+  @media (forced-colors: active) {
+    .sti-StiMark-ink-f5538 {
+      fill: canvastext;
+    }
+
+    .sti-StiMark-signal-35b7e {
+      stroke: canvastext;
+    }
+  }
+}
+
 /* id/AccountMenu/AccountMenu.css */
 @layer sti.components {
-  .sti-AccountMenu-trigger-cc23b {
+  .sti-AccountMenu-trigger-b7836 {
     --sti-account-menu-ring: var(--sti-border-subtle);
     box-sizing: border-box;
+    block-size: max-content;
+    inline-size: max-content;
     padding: var(--sti-space-0-5);
     border: var(--sti-border-width) solid var(--sti-account-menu-ring);
     border-radius: var(--sti-radius-pill);
     cursor: pointer;
     -webkit-tap-highlight-color: transparent;
     transition: border-color var(--sti-duration-fast) var(--sti-ease-snap),
-      background-color var(--sti-duration-fast) var(--sti-ease-snap);
+      background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      box-shadow var(--sti-duration-fast) var(--sti-ease-snap);
     background: none;
     flex: none;
     justify-content: center;
+    align-self: center;
     align-items: center;
+    margin: 0;
     display: inline-flex;
   }
 
   @media (hover: hover) {
-    .sti-AccountMenu-trigger-cc23b[data-hovered] {
+    .sti-AccountMenu-trigger-b7836[data-hovered] {
       --sti-account-menu-ring: var(--sti-border-accent);
     }
   }
 
-  .sti-AccountMenu-trigger-cc23b[data-pressed], .sti-AccountMenu-trigger-cc23b[data-pressed][data-hovered] {
+  .sti-AccountMenu-trigger-b7836[data-pressed] {
     background: var(--sti-bg-surface-active);
   }
 
-  .sti-AccountMenu-trigger-cc23b[data-focus-visible] {
-    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
-    outline-offset: var(--sti-focus-ring-offset);
+  .sti-AccountMenu-trigger-b7836[data-expanded] {
+    --sti-account-menu-ring: var(--sti-border-selected);
+    box-shadow: 0 0 0 var(--sti-border-width) var(--sti-border-selected);
   }
 
-  .sti-AccountMenu-trigger-cc23b[data-expanded] {
-    --sti-account-menu-ring: var(--sti-border-selected);
+  .sti-AccountMenu-trigger-b7836[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
   }
 
   @media (pointer: coarse) {
-    .sti-AccountMenu-trigger-cc23b {
+    .sti-AccountMenu-trigger-b7836 {
       min-block-size: 2.75rem;
       min-inline-size: 2.75rem;
     }
   }
 
-  @media (forced-colors: active) {
-    .sti-AccountMenu-trigger-cc23b[data-focus-visible] {
-      outline-color: highlight;
-    }
+  .sti-AccountMenu-card-5ba55 {
+    --sti-floating-w: 22.5rem;
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .sti-AccountMenu-trigger-cc23b {
-      transition: none;
-    }
-  }
-
-  .sti-AccountMenu-card-db0a8 {
-    min-inline-size: 0;
-  }
-
-  .sti-AccountMenu-body-cd3ae {
-    gap: var(--sti-space-4);
+  .sti-AccountMenu-panel-697e1 {
+    gap: var(--sti-space-3);
     min-inline-size: 0;
+    color: var(--sti-fg);
     font-family: var(--sti-font-text);
     display: grid;
   }
 
-  .sti-AccountMenu-identity-5173a {
-    align-items: center;
-    gap: var(--sti-space-3);
-    min-inline-size: 0;
-    display: flex;
+  .sti-AccountMenu-identity-42ef2 {
+    padding-block: var(--sti-space-2) var(--sti-space-1);
+    text-align: center;
+    justify-items: center;
+    display: grid;
   }
 
-  .sti-AccountMenu-names-17aee {
-    gap: var(--sti-space-0-5);
-    min-inline-size: 0;
-    display: grid;
+  .sti-AccountMenu-greeting-ced99 {
+    margin: var(--sti-space-3) 0 0;
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-xl);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xl);
+    letter-spacing: var(--sti-tracking-xl);
+    overflow-wrap: anywhere;
   }
 
-  .sti-AccountMenu-name-28b79 {
+  .sti-AccountMenu-fullName-7a91b {
+    margin: var(--sti-space-1) 0 0;
     color: var(--sti-fg);
-    font-size: var(--sti-font-size-md);
-    font-weight: var(--sti-font-weight-semibold);
-    line-height: var(--sti-line-height-md);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
     overflow-wrap: anywhere;
-    margin: 0;
   }
 
-  .sti-AccountMenu-email-aafda {
+  .sti-AccountMenu-email-c7b78 {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
@@ -29208,7 +29236,22 @@
     margin: 0;
   }
 
-  .sti-AccountMenu-items-efec6 {
+  .sti-AccountMenu-manage-2a04e {
+    max-inline-size: 100%;
+    margin-block-start: var(--sti-space-4);
+  }
+
+  .sti-AccountMenu-group-8f65f {
+    gap: var(--sti-space-0-5);
+    padding: var(--sti-space-1);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-subtle);
+    margin: 0;
+    list-style: none;
+    display: grid;
+  }
+
+  .sti-AccountMenu-list-0d7e5 {
     gap: var(--sti-space-0-5);
     margin: 0;
     padding: 0;
@@ -29216,39 +29259,136 @@
     display: grid;
   }
 
-  .sti-AccountMenu-item-b7ab2 {
-    min-inline-size: 0;
+  .sti-AccountMenu-groupTitle-3bc6e {
+    padding: var(--sti-space-2) var(--sti-space-3) var(--sti-space-1);
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-xs);
+    margin: 0;
+  }
+
+  .sti-AccountMenu-accountRow-2470c > span:first-child {
+    background: none;
+  }
+
+  .sti-AccountMenu-legal-3b18a {
+    justify-content: center;
+    gap: var(--sti-space-1);
+    padding-block: var(--sti-space-1) 0;
+    color: var(--sti-fg-muted);
+    font-size: var(--sti-font-size-xs);
+    line-height: var(--sti-line-height-xs);
+    flex-wrap: wrap;
+    margin: 0;
+    display: flex;
+  }
+
+  .sti-AccountMenu-legalItem-5deef {
+    gap: var(--sti-space-1);
+    display: inline-flex;
+  }
+
+  .sti-AccountMenu-dot-af8da {
+    color: var(--sti-fg-muted);
+  }
+
+  .sti-AccountMenu-legalLink-e2e81 {
+    border-radius: var(--sti-radius-xs);
+    color: var(--sti-fg-muted);
+    cursor: pointer;
+    text-decoration: none;
+  }
+
+  @media (hover: hover) {
+    .sti-AccountMenu-legalLink-e2e81[data-hovered] {
+      color: var(--sti-fg);
+      text-underline-offset: .2em;
+      text-decoration: underline;
+    }
+  }
+
+  .sti-AccountMenu-legalLink-e2e81[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  @media (forced-colors: active) {
+    .sti-AccountMenu-trigger-b7836[data-expanded] {
+      border-color: highlight;
+    }
+
+    .sti-AccountMenu-trigger-b7836[data-focus-visible], .sti-AccountMenu-legalLink-e2e81[data-focus-visible] {
+      outline-color: highlight;
+    }
+
+    .sti-AccountMenu-group-8f65f {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-AccountMenu-trigger-b7836 {
+      transition: none;
+    }
   }
 }
 
 /* id/AppSwitcher/AppSwitcher.css */
 @layer sti.components {
-  .sti-AppSwitcher-grid-1bb9f {
-    gap: var(--sti-space-1);
+  .sti-AppSwitcher-trigger-4e70a {
+    flex: none;
+    align-self: center;
+  }
+
+  .sti-AppSwitcher-card-225e3 {
+    --sti-floating-w: 21rem;
+  }
+
+  .sti-AppSwitcher-panel-a6602 {
+    gap: var(--sti-space-3);
+    min-inline-size: 0;
+    color: var(--sti-fg);
     font-family: var(--sti-font-text);
+    display: grid;
+  }
+
+  .sti-AppSwitcher-title-6d2e0 {
+    padding-inline: var(--sti-space-1);
+    color: var(--sti-fg);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-semibold);
+    line-height: var(--sti-line-height-sm);
+    margin: 0;
+  }
+
+  .sti-AppSwitcher-grid-337c1 {
+    gap: var(--sti-space-1);
+    padding: var(--sti-space-1);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-subtle);
     grid-template-columns: repeat(3, minmax(0, 1fr));
     margin: 0;
-    padding: 0;
     list-style: none;
     display: grid;
   }
 
   @media (width <= 22.5rem) {
-    .sti-AppSwitcher-grid-1bb9f {
+    .sti-AppSwitcher-grid-337c1 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
 
-  .sti-AppSwitcher-cell-419c9 {
+  .sti-AppSwitcher-cell-8b890 {
     min-inline-size: 0;
   }
 
-  .sti-AppSwitcher-app-2a6b7 {
+  .sti-AppSwitcher-app-4fff1 {
     align-items: center;
     gap: var(--sti-space-2);
     box-sizing: border-box;
-    min-block-size: 5.5rem;
-    padding: var(--sti-space-3) var(--sti-space-2);
+    min-block-size: 6rem;
+    padding: var(--sti-space-3) var(--sti-space-1) var(--sti-space-2);
     border: var(--sti-border-width) solid transparent;
     border-radius: var(--sti-radius-md);
     color: var(--sti-fg);
@@ -29259,73 +29399,168 @@
     flex-direction: column;
     text-decoration: none;
     display: flex;
+    position: relative;
   }
 
   @media (hover: hover) {
-    .sti-AppSwitcher-app-2a6b7[data-hovered] {
+    .sti-AppSwitcher-app-4fff1[data-hovered] {
       background: var(--sti-bg-surface-hover);
     }
   }
 
-  .sti-AppSwitcher-app-2a6b7[data-pressed] {
+  .sti-AppSwitcher-app-4fff1[data-pressed] {
     background: var(--sti-bg-surface-active);
   }
 
-  .sti-AppSwitcher-app-2a6b7[data-current] {
+  .sti-AppSwitcher-app-4fff1[data-current] {
     border-color: var(--sti-border-selected);
     background: var(--sti-bg-accent-subtle);
   }
 
-  .sti-AppSwitcher-app-2a6b7[data-focus-visible] {
+  .sti-AppSwitcher-app-4fff1[data-focus-visible] {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
-    outline-offset: var(--sti-focus-ring-offset);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
   }
 
-  .sti-AppSwitcher-tile-ba8b2 {
-    inline-size: var(--sti-control-h-lg);
-    block-size: var(--sti-control-h-lg);
-    border-radius: var(--sti-radius-md);
-    background: var(--sti-bg-surface-active);
-    color: var(--sti-fg);
-    font-size: var(--sti-icon-lg);
+  .sti-AppSwitcher-tile-3c344 {
+    --sti-app-tile-bg: var(--sti-bg-surface);
+    --sti-app-tile-fg: var(--sti-fg);
+    box-sizing: border-box;
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-app-tile-bg);
+    block-size: 3rem;
+    inline-size: 3rem;
+    color: var(--sti-app-tile-fg);
+    font-family: var(--sti-font-display);
+    font-size: var(--sti-font-size-lg);
     font-weight: var(--sti-font-weight-semibold);
+    letter-spacing: var(--sti-tracking-lg);
+    box-shadow: inset 0 0 0 var(--sti-border-width) var(--sti-border-subtle);
     flex: none;
     place-items: center;
+    line-height: 1;
     display: inline-grid;
   }
 
-  .sti-AppSwitcher-app-2a6b7[data-current] .sti-AppSwitcher-tile-ba8b2 {
-    background: var(--sti-fill-accent);
-    color: var(--sti-fg-on-accent);
+  .sti-AppSwitcher-tile-3c344[data-icon] {
+    font-size: var(--sti-icon-lg);
   }
 
-  .sti-AppSwitcher-name-c7544 {
-    min-inline-size: 0;
-    font-size: var(--sti-font-size-sm);
+  .sti-AppSwitcher-tile-3c344[data-icon] > svg {
+    block-size: 1.5rem;
+    inline-size: 1.5rem;
+  }
+
+  .sti-AppSwitcher-tile-3c344[data-color="neutral"] {
+    --sti-app-tile-bg: var(--sti-bg-surface-active);
+    --sti-app-tile-fg: var(--sti-fg);
+  }
+
+  .sti-AppSwitcher-tile-3c344[data-color="neutral-strong"] {
+    --sti-app-tile-bg: var(--sti-fill-neutral);
+    --sti-app-tile-fg: var(--sti-fg-on-neutral);
+  }
+
+  .sti-AppSwitcher-tile-3c344[data-color="success"] {
+    --sti-app-tile-bg: var(--sti-bg-success-subtle);
+    --sti-app-tile-fg: var(--sti-fg-success-strong);
+  }
+
+  .sti-AppSwitcher-tile-3c344[data-color="success-strong"] {
+    --sti-app-tile-bg: var(--sti-fill-success);
+    --sti-app-tile-fg: var(--sti-fg-on-success);
+  }
+
+  .sti-AppSwitcher-tile-3c344[data-color="warning"] {
+    --sti-app-tile-bg: var(--sti-bg-warning-subtle);
+    --sti-app-tile-fg: var(--sti-fg-warning-strong);
+  }
+
+  .sti-AppSwitcher-tile-3c344[data-color="warning-strong"] {
+    --sti-app-tile-bg: var(--sti-fill-warning);
+    --sti-app-tile-fg: var(--sti-fg-on-warning);
+  }
+
+  .sti-AppSwitcher-name-d8837 {
+    max-inline-size: 100%;
+    font-size: var(--sti-font-size-xs);
     font-weight: var(--sti-font-weight-medium);
-    line-height: var(--sti-line-height-sm);
+    line-height: var(--sti-line-height-xs);
     overflow-wrap: anywhere;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+    overflow: hidden;
   }
 
-  .sti-AppSwitcher-empty-1bdf0 {
+  .sti-AppSwitcher-empty-21386 {
+    padding: var(--sti-space-4) var(--sti-space-3);
+    border-radius: var(--sti-radius-lg);
+    background: var(--sti-bg-subtle);
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
+    text-align: center;
     margin: 0;
   }
 
+  .sti-AppSwitcher-more-0361c {
+    justify-content: center;
+    align-items: center;
+    gap: var(--sti-space-1);
+    min-block-size: var(--sti-control-h-sm);
+    border-radius: var(--sti-radius-pill);
+    color: var(--sti-fg-link);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+    cursor: pointer;
+    text-decoration: none;
+    display: inline-flex;
+  }
+
+  .sti-AppSwitcher-moreIcon-8c7d2 {
+    block-size: 1em;
+    inline-size: 1em;
+    transition: translate var(--sti-duration-fast) var(--sti-ease-snap);
+  }
+
+  @media (hover: hover) {
+    .sti-AppSwitcher-more-0361c[data-hovered] {
+      text-underline-offset: .2em;
+      text-decoration: underline;
+    }
+
+    .sti-AppSwitcher-more-0361c[data-hovered] .sti-AppSwitcher-moreIcon-8c7d2 {
+      translate: .125rem;
+    }
+  }
+
+  .sti-AppSwitcher-more-0361c[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-AppSwitcher-moreIcon-8c7d2:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
+    scale: -1 1;
+  }
+
   @media (forced-colors: active) {
-    .sti-AppSwitcher-app-2a6b7[data-current] {
+    .sti-AppSwitcher-app-4fff1[data-current] {
       border-color: highlight;
     }
 
-    .sti-AppSwitcher-app-2a6b7[data-focus-visible] {
+    .sti-AppSwitcher-app-4fff1[data-focus-visible], .sti-AppSwitcher-more-0361c[data-focus-visible] {
       outline-color: highlight;
     }
+
+    .sti-AppSwitcher-tile-3c344, .sti-AppSwitcher-grid-337c1 {
+      border: var(--sti-border-width) solid CanvasText;
+    }
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .sti-AppSwitcher-app-2a6b7 {
+    .sti-AppSwitcher-app-4fff1, .sti-AppSwitcher-moreIcon-8c7d2 {
       transition: none;
     }
   }
@@ -29333,10 +29568,11 @@
 
 /* id/OrgSwitcher/OrgSwitcher.css */
 @layer sti.components {
-  .sti-OrgSwitcher-trigger-8cf9a {
+  .sti-OrgSwitcher-trigger-0f64d {
     --sti-org-switcher-h: var(--sti-control-h-md);
     --sti-org-switcher-bg: transparent;
     --sti-org-switcher-border: var(--sti-border-control);
+    align-self: center;
     align-items: center;
     gap: var(--sti-space-2);
     box-sizing: border-box;
@@ -29354,73 +29590,180 @@
     cursor: pointer;
     transition: background-color var(--sti-duration-fast) var(--sti-ease-snap),
       border-color var(--sti-duration-fast) var(--sti-ease-snap);
+    flex: none;
     display: inline-flex;
   }
 
-  .sti-OrgSwitcher-trigger-8cf9a[data-size="sm"] {
+  .sti-OrgSwitcher-trigger-0f64d[data-size="sm"] {
     --sti-org-switcher-h: var(--sti-control-h-sm);
   }
 
-  .sti-OrgSwitcher-trigger-8cf9a[data-size="lg"] {
+  .sti-OrgSwitcher-trigger-0f64d[data-size="lg"] {
     --sti-org-switcher-h: var(--sti-control-h-lg);
     font-size: var(--sti-font-size-md);
   }
 
   @media (pointer: coarse) {
-    .sti-OrgSwitcher-trigger-8cf9a {
+    .sti-OrgSwitcher-trigger-0f64d {
       min-block-size: 2.75rem;
     }
   }
 
   @media (hover: hover) {
-    .sti-OrgSwitcher-trigger-8cf9a[data-hovered]:not([data-disabled]) {
+    .sti-OrgSwitcher-trigger-0f64d[data-hovered]:not([data-disabled]) {
       --sti-org-switcher-border: var(--sti-border-accent);
       --sti-org-switcher-bg: var(--sti-bg-surface-hover);
     }
   }
 
-  .sti-OrgSwitcher-trigger-8cf9a[data-pressed] {
+  .sti-OrgSwitcher-trigger-0f64d[data-pressed] {
     --sti-org-switcher-bg: var(--sti-bg-surface-active);
   }
 
-  .sti-OrgSwitcher-trigger-8cf9a[data-focus-visible] {
+  .sti-OrgSwitcher-trigger-0f64d[data-focus-visible] {
     outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
     outline-offset: var(--sti-focus-ring-offset);
   }
 
-  .sti-OrgSwitcher-trigger-8cf9a[data-disabled] {
+  .sti-OrgSwitcher-trigger-0f64d[data-disabled] {
     opacity: var(--sti-opacity-disabled);
     cursor: not-allowed;
   }
 
-  .sti-OrgSwitcher-name-0b2eb {
+  .sti-OrgSwitcher-name-c202c {
     text-overflow: ellipsis;
     white-space: nowrap;
     min-inline-size: 0;
     overflow: hidden;
   }
 
-  .sti-OrgSwitcher-chevron-e70b6 {
+  .sti-OrgSwitcher-mark-a5082 {
+    --sti-org-mark-bg: var(--sti-bg-surface-active);
+    --sti-org-mark-fg: var(--sti-fg);
+    box-sizing: border-box;
+    border-radius: var(--sti-radius-sm);
+    background: var(--sti-org-mark-bg);
+    block-size: 1.5rem;
+    inline-size: 1.5rem;
+    color: var(--sti-org-mark-fg);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-OrgSwitcher-mark-a5082 > svg {
+    block-size: .875rem;
+    inline-size: .875rem;
+  }
+
+  .sti-OrgSwitcher-mark-a5082[data-color="neutral-strong"] {
+    --sti-org-mark-bg: var(--sti-fill-neutral);
+    --sti-org-mark-fg: var(--sti-fg-on-neutral);
+  }
+
+  .sti-OrgSwitcher-mark-a5082[data-color="success"] {
+    --sti-org-mark-bg: var(--sti-bg-success-subtle);
+    --sti-org-mark-fg: var(--sti-fg-success-strong);
+  }
+
+  .sti-OrgSwitcher-mark-a5082[data-color="success-strong"] {
+    --sti-org-mark-bg: var(--sti-fill-success);
+    --sti-org-mark-fg: var(--sti-fg-on-success);
+  }
+
+  .sti-OrgSwitcher-mark-a5082[data-color="warning"] {
+    --sti-org-mark-bg: var(--sti-bg-warning-subtle);
+    --sti-org-mark-fg: var(--sti-fg-warning-strong);
+  }
+
+  .sti-OrgSwitcher-mark-a5082[data-color="warning-strong"] {
+    --sti-org-mark-bg: var(--sti-fill-warning);
+    --sti-org-mark-fg: var(--sti-fg-on-warning);
+  }
+
+  .sti-OrgSwitcher-chevron-d6eea {
     color: var(--sti-fg-muted);
     flex: none;
   }
 
-  .sti-OrgSwitcher-card-297cc {
-    min-inline-size: 0;
+  .sti-OrgSwitcher-card-af900 {
+    --sti-floating-w: 20rem;
   }
 
-  .sti-OrgSwitcher-body-e5f5e {
+  .sti-OrgSwitcher-body-dd131 {
     gap: var(--sti-space-2);
     min-inline-size: 0;
     display: grid;
   }
 
-  .sti-OrgSwitcher-scroll-eca85 {
+  .sti-OrgSwitcher-scroll-045d7 {
     max-block-size: 18rem;
     overflow: auto;
   }
 
-  .sti-OrgSwitcher-empty-1d36a {
+  .sti-OrgSwitcher-create-8b4bd {
+    border-block-start: var(--sti-border-width) solid var(--sti-border-subtle);
+    padding-block-start: var(--sti-space-1);
+  }
+
+  .sti-OrgSwitcher-createRow-c2255 {
+    align-items: center;
+    gap: var(--sti-space-3);
+    box-sizing: border-box;
+    inline-size: 100%;
+    min-block-size: var(--sti-control-h-sm);
+    padding-block: var(--sti-space-2);
+    padding-inline: var(--sti-space-3);
+    border-radius: var(--sti-radius-sm);
+    color: var(--sti-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-font-size-sm);
+    font-weight: var(--sti-font-weight-medium);
+    line-height: var(--sti-line-height-sm);
+    text-align: start;
+    cursor: pointer;
+    background: none;
+    border: 0;
+    margin: 0;
+    text-decoration: none;
+    display: flex;
+  }
+
+  @media (pointer: coarse) {
+    .sti-OrgSwitcher-createRow-c2255 {
+      min-block-size: var(--sti-control-h-md);
+    }
+  }
+
+  @media (hover: hover) {
+    .sti-OrgSwitcher-createRow-c2255[data-hovered] {
+      background: var(--sti-bg-surface-hover);
+    }
+  }
+
+  .sti-OrgSwitcher-createRow-c2255[data-pressed] {
+    background: var(--sti-bg-surface-active);
+  }
+
+  .sti-OrgSwitcher-createRow-c2255[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: calc(var(--sti-focus-ring-width) * -1);
+  }
+
+  .sti-OrgSwitcher-createIcon-a21cc {
+    box-sizing: border-box;
+    block-size: 1.5rem;
+    inline-size: 1.5rem;
+    padding: var(--sti-space-1);
+    border: var(--sti-border-width) dashed var(--sti-border-strong);
+    border-radius: var(--sti-radius-sm);
+    color: var(--sti-fg-muted);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-OrgSwitcher-empty-0c82b {
     padding: var(--sti-space-3);
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
@@ -29430,13 +29773,17 @@
   }
 
   @media (forced-colors: active) {
-    .sti-OrgSwitcher-trigger-8cf9a[data-focus-visible] {
+    .sti-OrgSwitcher-mark-a5082 {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+
+    .sti-OrgSwitcher-createRow-c2255[data-focus-visible], .sti-OrgSwitcher-trigger-0f64d[data-focus-visible] {
       outline-color: highlight;
     }
   }
 
   @media (prefers-reduced-motion: reduce) {
-    .sti-OrgSwitcher-trigger-8cf9a {
+    .sti-OrgSwitcher-trigger-0f64d {
       transition: none;
     }
   }
@@ -29444,13 +29791,13 @@
 
 /* id/PermissionGate/PermissionGate.css */
 @layer sti.components {
-  .sti-PermissionGate-root-bf743 {
+  .sti-PermissionGate-root-5f706 {
     align-items: flex-start;
     gap: var(--sti-space-3);
     box-sizing: border-box;
     min-inline-size: 0;
-    padding: var(--sti-space-4) var(--sti-space-5);
-    border: var(--sti-border-width) dashed var(--sti-border);
+    padding: var(--sti-space-5);
+    border: var(--sti-border-width) solid var(--sti-border-subtle);
     border-radius: var(--sti-radius-lg);
     background: var(--sti-bg-subtle);
     color: var(--sti-fg);
@@ -29458,26 +29805,33 @@
     display: flex;
   }
 
-  .sti-PermissionGate-icon-01cb9 {
-    inline-size: var(--sti-control-h-sm);
-    block-size: var(--sti-control-h-sm);
-    border-radius: var(--sti-radius-pill);
-    background: var(--sti-bg-surface-active);
-    color: var(--sti-fg-muted);
+  .sti-PermissionGate-icon-c225d {
+    inline-size: var(--sti-control-h-md);
+    block-size: var(--sti-control-h-md);
+    border-radius: var(--sti-radius-md);
+    background: var(--sti-bg-warning-subtle);
+    color: var(--sti-fg-warning-strong);
     font-size: var(--sti-icon-md);
     flex: none;
     place-items: center;
     display: inline-grid;
   }
 
-  .sti-PermissionGate-text-4385b {
+  .sti-PermissionGate-text-3358e {
     gap: var(--sti-space-1);
     min-inline-size: 0;
-    padding-block-start: var(--sti-space-1);
+    padding-block-start: var(--sti-space-2);
     display: grid;
   }
 
-  .sti-PermissionGate-title-074a4 {
+  .sti-PermissionGate-action-69333 {
+    gap: var(--sti-space-2);
+    flex-wrap: wrap;
+    margin-block-start: var(--sti-space-2);
+    display: flex;
+  }
+
+  .sti-PermissionGate-title-9e7ef {
     font-size: var(--sti-font-size-md);
     font-weight: var(--sti-font-weight-semibold);
     line-height: var(--sti-line-height-md);
@@ -29485,7 +29839,7 @@
     margin: 0;
   }
 
-  .sti-PermissionGate-description-c623a {
+  .sti-PermissionGate-description-3002e {
     color: var(--sti-fg-muted);
     font-size: var(--sti-font-size-sm);
     line-height: var(--sti-line-height-sm);
@@ -29494,9 +29848,193 @@
   }
 
   @media (forced-colors: active) {
-    .sti-PermissionGate-root-bf743 {
+    .sti-PermissionGate-root-5f706 {
       border-color: canvastext;
     }
+
+    .sti-PermissionGate-icon-c225d {
+      border: var(--sti-border-width) solid CanvasText;
+    }
+  }
+}
+
+/* id/SignInButton/SignInButton.css */
+@layer sti.components {
+  .sti-SignInButton-root-d5651 {
+    --sti-signin-h: var(--sti-control-h-md);
+    --sti-signin-badge: calc(var(--sti-signin-h) - var(--sti-space-2));
+    --sti-signin-inset: var(--sti-space-1);
+    --sti-signin-gap: var(--sti-space-3);
+    --sti-signin-pe: var(--sti-space-5);
+    --sti-signin-font-size: var(--sti-font-size-sm);
+    --sti-signin-bg: var(--sti-fill-accent);
+    --sti-signin-fg: var(--sti-fg-on-accent);
+    --sti-signin-border: transparent;
+    --sti-signin-shadow: none;
+    align-items: center;
+    gap: var(--sti-signin-gap);
+    box-sizing: border-box;
+    min-inline-size: 0;
+    max-inline-size: 100%;
+    min-block-size: var(--sti-signin-h);
+    padding-block: 0;
+    padding-inline: var(--sti-signin-inset) var(--sti-signin-pe);
+    border: var(--sti-border-width) solid var(--sti-signin-border);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-signin-bg);
+    box-shadow: var(--sti-signin-shadow);
+    color: var(--sti-signin-fg);
+    font-family: var(--sti-font-text);
+    font-size: var(--sti-signin-font-size);
+    font-weight: var(--sti-font-weight-semibold);
+    letter-spacing: .01em;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    -webkit-user-select: none;
+    user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    transition: background-color var(--sti-duration-fast) var(--sti-ease-snap),
+      border-color var(--sti-duration-fast) var(--sti-ease-snap),
+      color var(--sti-duration-fast) var(--sti-ease-snap),
+      box-shadow var(--sti-duration-base) var(--sti-ease-out),
+      transform var(--sti-duration-fast) var(--sti-ease-snap);
+    line-height: 1;
+    text-decoration: none;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .sti-SignInButton-root-d5651[data-size="sm"] {
+    --sti-signin-h: var(--sti-control-h-sm);
+    --sti-signin-gap: var(--sti-space-2);
+    --sti-signin-pe: var(--sti-space-4);
+  }
+
+  .sti-SignInButton-root-d5651[data-size="lg"] {
+    --sti-signin-h: var(--sti-control-h-lg);
+    --sti-signin-pe: var(--sti-space-6);
+    --sti-signin-font-size: var(--sti-font-size-body);
+  }
+
+  @media (pointer: coarse) {
+    .sti-SignInButton-root-d5651[data-size="sm"] {
+      --sti-signin-h: var(--sti-control-h-md);
+    }
+  }
+
+  .sti-SignInButton-root-d5651[data-full-width] {
+    inline-size: 100%;
+    display: flex;
+  }
+
+  .sti-SignInButton-root-d5651[data-full-width] .sti-SignInButton-label-82fd6 {
+    text-align: center;
+    white-space: normal;
+    text-wrap: balance;
+    line-height: var(--sti-line-height-sm);
+    padding-block: var(--sti-space-2);
+    flex: auto;
+  }
+
+  .sti-SignInButton-balance-c62d0 {
+    inline-size: calc(var(--sti-signin-badge) - var(--sti-signin-pe) + var(--sti-signin-inset));
+    flex: none;
+  }
+
+  .sti-SignInButton-root-d5651[data-variant="secondary"] {
+    --sti-signin-bg: var(--sti-bg-surface);
+    --sti-signin-fg: var(--sti-fg);
+    --sti-signin-border: var(--sti-border-strong);
+  }
+
+  .sti-SignInButton-root-d5651[data-variant="inverse"] {
+    --sti-signin-bg: var(--sti-bg-inverse);
+    --sti-signin-fg: var(--sti-fg-inverse);
+  }
+
+  @media (hover: hover) {
+    .sti-SignInButton-root-d5651[data-hovered]:not([data-disabled], [data-pending])[data-variant="primary"] {
+      --sti-signin-bg: var(--sti-fill-accent-hover);
+      --sti-signin-shadow: 0 0 40px color-mix(in oklab, var(--sti-fill-accent) 35%, transparent);
+    }
+
+    .sti-SignInButton-root-d5651[data-hovered]:not([data-disabled], [data-pending])[data-variant="secondary"] {
+      --sti-signin-border: var(--sti-border-accent);
+      --sti-signin-bg: var(--sti-bg-accent-subtle);
+    }
+
+    .sti-SignInButton-root-d5651[data-hovered]:not([data-disabled], [data-pending])[data-variant="inverse"] {
+      --sti-signin-shadow: 0 0 0 var(--sti-border-width-strong) var(--sti-focus-ring);
+    }
+  }
+
+  .sti-SignInButton-root-d5651[data-pressed]:not([data-disabled], [data-pending]) {
+    transform: scale(.98);
+  }
+
+  .sti-SignInButton-root-d5651[data-focus-visible] {
+    outline: var(--sti-focus-ring-width) solid var(--sti-focus-ring);
+    outline-offset: var(--sti-focus-ring-offset);
+  }
+
+  .sti-SignInButton-root-d5651[data-disabled] {
+    opacity: var(--sti-opacity-disabled);
+    cursor: not-allowed;
+  }
+
+  .sti-SignInButton-root-d5651[data-pending] {
+    cursor: progress;
+  }
+
+  .sti-SignInButton-badge-3b086 {
+    box-sizing: border-box;
+    inline-size: var(--sti-signin-badge);
+    block-size: var(--sti-signin-badge);
+    border-radius: var(--sti-radius-pill);
+    background: var(--sti-bg-canvas);
+    box-shadow: inset 0 0 0 var(--sti-border-width) var(--sti-border-subtle);
+    color: var(--sti-fg);
+    flex: none;
+    place-items: center;
+    display: inline-grid;
+  }
+
+  .sti-SignInButton-root-d5651[data-variant="secondary"] .sti-SignInButton-badge-3b086 {
+    background: var(--sti-bg-subtle);
+  }
+
+  .sti-SignInButton-mark-c9c2d {
+    block-size: 58%;
+    inline-size: 58%;
+  }
+
+  .sti-SignInButton-label-82fd6 {
+    min-inline-size: 0;
+  }
+
+  @media (forced-colors: active) {
+    .sti-SignInButton-root-d5651 {
+      border-color: buttontext;
+    }
+
+    .sti-SignInButton-root-d5651[data-focus-visible] {
+      outline-color: highlight;
+    }
+
+    .sti-SignInButton-badge-3b086 {
+      border: var(--sti-border-width) solid ButtonText;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .sti-SignInButton-root-d5651 {
+      transition: none;
+    }
+
+    .sti-SignInButton-root-d5651[data-pressed] {
+      transform: none;
+    }
   }
 }