@incodetech/web 0.0.0-dev-20260309-8c96b8e → 0.0.0-dev-20260309-970aa39

package/dist/{Trans-BeVjp1Ze.js → Trans-CrErI8VP.js}

@@ -1,4 +1,4 @@
-import { u as s, b as u } from "./incodeModule-Cep-QgBA.js";
+import { u as s, b as u } from "./incodeModule-DAveRAyZ.js";
 import { k as l } from "./vendor-preact-DP-hbKuj.js";
 const f = ({ class: t }) => /* @__PURE__ */ s(
   "svg",

package/dist/authentication/authentication.es.js

@@ -1,9 +1,9 @@
-import { r as a, u as e, I as o, a as l } from "../incodeModule-Cep-QgBA.js";
+import { r as a, u as e, I as o, a as l } from "../incodeModule-DAveRAyZ.js";
 import { createAuthenticationManager as m } from "@incodetech/core/authentication";
 import "../vendor-preact-DP-hbKuj.js";
 import "@incodetech/core";
-import { P as p } from "../baseTutorial-Bn4o165G.js";
-import { T as c, C as d } from "../tutorial-Dk_04cpU.js";
+import { P as p } from "../baseTutorial-i0kcCybX.js";
+import { T as c, C as d } from "../tutorial-D492CTsM.js";
 const f = ({
   config: r,
   authHint: n,

package/dist/base.css

@@ -247,7 +247,7 @@
   width: 100%;
   max-width: 420px;
   height: 56px;
-  padding-inline: var(--spacing-32, var(--spacing-32, 32px));
+  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
   border-radius: var(--radius-medium, var(--border-radius-medium));
   font-size: var(--text-18, var(--primitive-typography-size-18));
   --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
@@ -2079,7 +2079,7 @@
   }
 }
 .IncodePageContainer .IncodePageInner {
-  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding: var(--spacing-24, var(--spacing-24, 24px));
   flex-direction: column;
   flex: 1;
   display: flex;
@@ -2142,7 +2142,6 @@
   .IncodePageContainer {
     height: auto;
     max-height: 840px;
-    margin-top: 3rem;
   }
 }
 .IncodeFillWithPrimary {
@@ -2160,6 +2159,34 @@
   letter-spacing: -1px;
   color: var(--color-text-body-primary, var(--text-body-primary));
 }
+.IncodeComponent .IncodeTypographyH1 {
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-headline-h1-size);
+  font-weight: var(--typography-headline-h1-weight);
+  line-height: var(--typography-headline-h1-line-height);
+  letter-spacing: var(--typography-headline-h1-letter-spacing);
+}
+.IncodeComponent .IncodeTypographyH3 {
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-headline-h3-size);
+  font-weight: var(--typography-headline-h3-weight);
+  line-height: var(--typography-headline-h3-line-height);
+  letter-spacing: var(--typography-headline-h3-letter-spacing);
+}
+.IncodeComponent .IncodeTypographyH4 {
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-headline-h4-size);
+  font-weight: var(--typography-headline-h4-weight);
+  line-height: var(--typography-headline-h4-line-height);
+  letter-spacing: var(--typography-headline-h4-letter-spacing);
+}
+.IncodeComponent .IncodeTypographyH5 {
+  font-family: var(--primitive-typography-family-dm-sans);
+  font-size: var(--typography-headline-h5-size);
+  font-weight: var(--typography-headline-h5-weight);
+  line-height: var(--typography-headline-h5-line-height);
+  letter-spacing: var(--typography-headline-h5-letter-spacing);
+}
 .IncodeSuccessIcon {
   flex-shrink: 0;
 }
@@ -2759,26 +2786,13 @@
   line-height: var(--typography-headline-h2-line-height);
   letter-spacing: var(--typography-headline-h2-letter-spacing);
 }
-.IncodePermissionsImageContainer {
-  flex-direction: column;
-  align-items: center;
-  display: flex;
+.IncodePermissionsPage {
+  background-color: var(--color-surface-neutral-900-static, var(--surface-neutral-900-static));
+  margin: auto;
   position: relative;
 }
-.IncodePermissionsActions {
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  margin-top: auto;
-  display: flex;
-}
-.IncodePermissionsActionsGap {
-  align-items: center;
-  gap: var(--spacing-12, var(--spacing-12, 12px));
-  flex-direction: column;
-  width: 100%;
-  margin-top: auto;
-  display: flex;
+.IncodePermissionsPage .IncodePageInner {
+  padding: var(--spacing-0, var(--spacing-none, 0px));
 }
 .IncodeBoldWithArrow {
   --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
@@ -2786,26 +2800,26 @@
   color: var(--color-text-body-primary, var(--text-body-primary));
   display: inline;
 }
-.IncodeBoldWithArrowIcon {
-  vertical-align: middle;
+.IncodeComponent .IncodeBoldWithArrowIcon {
+  margin-inline: .2em;
   width: .8em;
   height: .8em;
-  margin-inline: .2em;
+  margin-bottom: .125rem;
   display: inline-block;
 }
 .IncodeDeniedPage .IncodePageInner {
   max-width: 468px;
 }
-.IncodeDeniedTitle {
+.IncodeComponent .IncodeTitle {
   text-align: left;
-  font-size: var(--text-24, var(--primitive-typography-size-24));
-  --tw-leading: var(--leading-tight, 1.25);
-  line-height: var(--leading-tight, 1.25);
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  --tw-tracking: -1px;
-  letter-spacing: -1px;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+.IncodeDeniedContainer {
+  justify-content: center;
+  align-items: center;
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  flex-direction: column;
+  flex: 1;
+  display: flex;
 }
 .IncodeDeniedInstructionsContainer {
   width: 100%;
@@ -2818,9 +2832,26 @@
 }
 .IncodeDeniedStepItem {
   align-items: center;
-  gap: var(--spacing-16, var(--spacing-16, 16px));
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  width: 100%;
   display: flex;
 }
+.IncodeDeniedStepIconContainer {
+  flex-shrink: 0;
+}
+.IncodeDeniedStepTextContainer {
+  align-items: center;
+  gap: var(--spacing-4, var(--spacing-4, 4px));
+  flex-wrap: wrap;
+  flex: 1;
+  display: flex;
+}
+.IncodeDeniedStepTextContainer .IncodeDeniedStepTextSilent {
+  color: var(--color-text-body-secondary, var(--text-body-secondary));
+}
+.IncodeDeniedStepTextContainer .IncodeDeniedStepSubtext {
+  display: inline;
+}
 .IncodeDeniedStepText {
   font-size: var(--text-18, var(--primitive-typography-size-18));
   --tw-leading: 114%;
@@ -2831,18 +2862,13 @@
   letter-spacing: -.5px;
   color: var(--color-text-body-secondary, var(--text-body-secondary));
 }
-.IncodeDeniedStepTextBold {
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-}
-.IncodeDeniedStepsList .IncodeDeniedStepTextBold {
+.IncodeDeniedStepsList strong {
   color: var(--color-text-body-primary, var(--text-body-primary));
 }
 .IncodeDeniedActions {
-  width: 100%;
-  padding-block: var(--spacing-16, var(--spacing-16, 16px));
   flex-direction: column;
   align-items: center;
+  width: 100%;
   margin-top: auto;
   display: flex;
 }
@@ -2855,43 +2881,27 @@
   gap: var(--spacing-8, var(--spacing-8, 8px));
   display: flex;
 }
-.IncodeIconWrapper {
-  aspect-ratio: 1;
+.IncodeLearnMorePage .IncodePageContent {
+  max-width: 420px;
+  margin-inline: auto;
+}
+.IncodeLearnMoreContainer {
   justify-content: center;
   align-items: center;
-  width: 38px;
-  min-width: 38px;
-  height: 38px;
-  min-height: 38px;
+  gap: var(--spacing-32, var(--spacing-32, 32px));
+  flex-direction: column;
+  flex: 1;
   display: flex;
 }
-.IncodeIconWrapperImage {
-  width: 100%;
-  height: 100%;
-}
-.IncodeLearnMoreContainer {
-  flex-direction: column;
+.IncodeLearnMoreTitleContainer {
   justify-content: center;
   align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  width: 100%;
   display: flex;
 }
-.IncodeLearnMoreImage {
-  aspect-ratio: 1;
-  height: var(--spacing-32, var(--spacing-32, 32px));
-  width: var(--spacing-32, var(--spacing-32, 32px));
-}
-.IncodeLearnMoreTitle {
-  text-align: center;
-  font-size: var(--text-20, var(--primitive-typography-size-20));
-  --tw-leading: 114%;
-  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  line-height: 114%;
-  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
-  --tw-tracking: -1px;
-  letter-spacing: -1px;
-  color: var(--color-text-body-primary, var(--text-body-primary));
-}
-.IncodeLearnMoreInstructions {
+.IncodeLearnMoreInstructionsContainer {
   align-items: center;
   gap: var(--spacing-24, var(--spacing-24, 24px));
   flex-direction: column;
@@ -2904,31 +2914,15 @@
   display: flex;
 }
 .IncodeLearnMoreInstructionIcon {
-  aspect-ratio: 1;
   height: var(--spacing-32, var(--spacing-32, 32px));
   width: var(--spacing-32, var(--spacing-32, 32px));
-  flex-shrink: 0;
-  display: flex;
-}
-.IncodeLearnMoreInstructionIconImage {
-  width: 100%;
-  height: 100%;
-}
-.IncodeLearnMoreInstructionText {
-  font-size: var(--text-18, var(--primitive-typography-size-18));
-  --tw-leading: 114%;
-  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  line-height: 114%;
-  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
-  --tw-tracking: -.5px;
-  letter-spacing: -.5px;
-  color: var(--color-text-body-primary, var(--text-body-primary));
+  color: var(--color-icon-neutral-500, var(--icon-neutral-500));
 }
 .IncodeLearnMoreActions {
-  width: 100%;
-  padding-block: var(--spacing-16, var(--spacing-16, 16px));
-  flex-direction: column;
   align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  width: 100%;
   margin-top: auto;
   display: flex;
 }
@@ -2939,6 +2933,7 @@
   border-style: solid;
   border-width: 2px;
   border-color: var(--color-border-neutral-100, var(--border-neutral-100));
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
   justify-content: center;
   align-items: center;
   width: 46px;
@@ -2959,6 +2954,101 @@
   width: var(--spacing-2, var(--spacing-2, 2px));
   background-color: var(--color-border-neutral-100, var(--border-neutral-100));
 }
+.IncodePermissionsModal {
+  background-color: var(--color-surface-neutral-0, var(--surface-neutral-0));
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  animation: .35s cubic-bezier(.32, .72, 0, 1) forwards IncodePermissionsModalSlideUp;
+  display: flex;
+  position: relative;
+}
+.IncodePermissionsModalHandle {
+  top: var(--spacing-8, var(--spacing-8, 8px));
+  --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+  width: 36px;
+  height: 5px;
+  translate: var(--tw-translate-x) var(--tw-translate-y);
+  border-radius: var(--radius-4xl, 2rem);
+  background-color: var(--color-surface-neutral-200, var(--surface-neutral-200));
+  display: block;
+  position: absolute;
+  left: 50%;
+}
+.IncodePermissionsModalCloseButton {
+  top: var(--spacing-16, var(--spacing-16, 16px));
+  right: var(--spacing-16, var(--spacing-16, 16px));
+  cursor: pointer;
+  padding: var(--spacing-0, var(--spacing-none, 0px));
+  background-color: #0000;
+  position: absolute;
+}
+.IncodePermissionsModalTitleContainer {
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  flex-direction: column;
+  width: 100%;
+  display: flex;
+}
+.IncodePermissionsModalTitle {
+  color: var(--color-text-body-primary, var(--text-body-primary));
+}
+.IncodePermissionsModalSubtitle {
+  color: var(--color-text-body-secondary, var(--text-body-secondary));
+}
+.IncodePermissionsModalActions {
+  align-items: center;
+  gap: var(--spacing-12, var(--spacing-12, 12px));
+  width: 100%;
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+}
+.IncodePermissionsModalActions .IncodeButton {
+  margin: var(--spacing-0, var(--spacing-none, 0px));
+}
+.IncodePermissionsModalCentered {
+  gap: var(--spacing-24, var(--spacing-24, 24px));
+  border-radius: var(--radius-large, var(--border-radius-large));
+  max-width: 390px;
+  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
+  padding-block: var(--spacing-24, var(--spacing-24, 24px));
+  margin: auto;
+}
+.IncodePermissionsModalCentered .IncodePermissionsModalTitleContainer {
+  padding-block: var(--spacing-0, var(--spacing-none, 0px));
+}
+.IncodePermissionsModalCentered .IncodePermissionsModalTitle, .IncodePermissionsModalCentered .IncodePermissionsModalSubtitle {
+  text-align: center;
+}
+.IncodePermissionsModalCentered .IncodePermissionsModalActions {
+  padding-block: var(--spacing-0, var(--spacing-none, 0px));
+  flex-direction: column;
+  display: flex;
+}
+.IncodePermissionsModalLeft {
+  border-top-left-radius: var(--radius-x-large, var(--border-radius-x-large));
+  border-top-right-radius: var(--radius-x-large, var(--border-radius-x-large));
+  padding-inline: var(--spacing-24, var(--spacing-24, 24px));
+  padding-top: var(--spacing-40, var(--spacing-40, 40px));
+  margin-top: auto;
+}
+.IncodePermissionsModalLeft .IncodePermissionsModalTitleContainer {
+  padding-block: var(--spacing-16, var(--spacing-16, 16px));
+}
+.IncodePermissionsModalLeft .IncodePermissionsModalTitle, .IncodePermissionsModalLeft .IncodePermissionsModalSubtitle {
+  text-align: left;
+}
+.IncodePermissionsModalLeft .IncodePermissionsModalActions {
+  flex-direction: row;
+  display: flex;
+}
+@keyframes IncodePermissionsModalSlideUp {
+  from {
+    transform: translateY(100%);
+  }
+
+  to {
+    transform: translateY(0);
+  }
+}
 [data-incode-landscape-portal] {
   z-index: 999999999;
   pointer-events: none;