@lifecorner/angular-ui-kit 3.7.0 → 3.9.0

package/src/assets/character/in-his-corner-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M6 6 L6 92 L98 92" fill="none" stroke="#cfe0e4" stroke-width="2" stroke-linecap="round"></path><g transform="translate(3 6)"><g fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"><path d="M34 50 C27 58 21 70 14 80"></path><path d="M44 56 C42 66 38 74 33 80"></path><path d="M56 56 C59 66 63 74 68 80"></path><path d="M66 50 C74 58 82 72 90 80"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#1a6a79"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.14"></ellipse><circle cx="37" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="43.6" cy="38.8" r="2.3" fill="#0c1722"></circle><circle cx="59.6" cy="38.8" r="2.3" fill="#0c1722"></circle><path d="M45 45.5 Q50 49 55 45.5" fill="none" stroke="#0c1722" stroke-width="2" stroke-linecap="round"></path><g fill="#ffffff" stroke="#1a6a79" stroke-width="4"><circle cx="14" cy="80" r="5.5"></circle><circle cx="33" cy="80" r="5.5"></circle><circle cx="68" cy="80" r="5.5"></circle><circle cx="90" cy="80" r="5.5"></circle></g></g></svg>

package/src/assets/character/resting-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none" stroke="#84c7d4" stroke-width="5.5" stroke-linecap="round"><path d="M34 50 C27 58 24 66 22 74"></path><path d="M44 56 C42 65 40 72 38 79"></path><path d="M56 56 C58 65 60 72 62 79"></path><path d="M66 50 C73 58 76 66 78 74"></path></g><g transform="rotate(-5 50 45)"><ellipse cx="50" cy="38" rx="22" ry="20" fill="#84c7d4"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.22"></ellipse><circle cx="37" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><path d="M37.5 37.5 Q42 41.5 46.5 37.5" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M53.5 37.5 Q58 41.5 62.5 37.5" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M46 46 Q50 48.6 54 46" fill="none" stroke="#0c1722" stroke-width="2" stroke-linecap="round"></path></g><g fill="#84c7d4" stroke="#84c7d4" stroke-width="4"><circle cx="22" cy="76" r="5.5"></circle><circle cx="38" cy="81" r="5.5"></circle><circle cx="62" cy="81" r="5.5"></circle><circle cx="78" cy="76" r="5.5"></circle></g></svg>

package/src/assets/character/resting-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"><path d="M34 50 C27 58 24 66 22 74"></path><path d="M44 56 C42 65 40 72 38 79"></path><path d="M56 56 C58 65 60 72 62 79"></path><path d="M66 50 C73 58 76 66 78 74"></path></g><g transform="rotate(-5 50 45)"><ellipse cx="50" cy="38" rx="22" ry="20" fill="#1a6a79"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.14"></ellipse><circle cx="37" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><path d="M37.5 37.5 Q42 41.5 46.5 37.5" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M53.5 37.5 Q58 41.5 62.5 37.5" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M46 46 Q50 48.6 54 46" fill="none" stroke="#0c1722" stroke-width="2" stroke-linecap="round"></path></g><g fill="#84c7d4" stroke="#1a6a79" stroke-width="4"><circle cx="22" cy="76" r="5.5"></circle><circle cx="38" cy="81" r="5.5"></circle><circle cx="62" cy="81" r="5.5"></circle><circle cx="78" cy="76" r="5.5"></circle></g></svg>

package/src/assets/character/see-you-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none" stroke="#4f9aaa" stroke-width="1.8" stroke-linecap="round"><path d="M7 13 Q4.5 19 7 25"></path><path d="M30 12 Q32.5 18 30 24"></path></g><g fill="none" stroke="#84c7d4" stroke-width="5.5" stroke-linecap="round"><path d="M34 46 C26 40 21 31 19 22"></path><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M66 50 C73 57 78 64 83 68"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#84c7d4"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.22"></ellipse><circle cx="37" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><path d="M37.5 38 Q42 33.5 46.5 38" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M53.5 38 Q58 33.5 62.5 38" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M45 45.5 Q50 50 55 45.5" fill="none" stroke="#0c1722" stroke-width="2.2" stroke-linecap="round"></path><g fill="#0a121b" stroke="#84c7d4" stroke-width="4"><circle cx="18" cy="19" r="5.5"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle><circle cx="85" cy="70" r="5.5"></circle></g></svg>

package/src/assets/character/see-you-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none" stroke="#84c7d4" stroke-width="1.8" stroke-linecap="round"><path d="M7 13 Q4.5 19 7 25"></path><path d="M30 12 Q32.5 18 30 24"></path></g><g fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"><path d="M34 46 C26 40 21 31 19 22"></path><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M66 50 C73 57 78 64 83 68"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#1a6a79"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.14"></ellipse><circle cx="37" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><path d="M37.5 38 Q42 33.5 46.5 38" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M53.5 38 Q58 33.5 62.5 38" fill="none" stroke="#0c1722" stroke-width="2.4" stroke-linecap="round"></path><path d="M45 45.5 Q50 50 55 45.5" fill="none" stroke="#0c1722" stroke-width="2.2" stroke-linecap="round"></path><g fill="#ffffff" stroke="#1a6a79" stroke-width="4"><circle cx="18" cy="19" r="5.5"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle><circle cx="85" cy="70" r="5.5"></circle></g></svg>

package/src/assets/character/shows-the-way-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M78 30 Q86 27 94 29" fill="none" stroke="#4f9aaa" stroke-width="1.6" stroke-dasharray="3 3" stroke-linecap="round"></path><g fill="none" stroke="#84c7d4" stroke-width="5.5" stroke-linecap="round"><path d="M34 50 C27 57 22 64 17 68"></path><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M67 45 C76 43 84 41 91 39"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#84c7d4"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.22"></ellipse><circle cx="37" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="44.2" cy="38.6" r="2.3" fill="#0c1722"></circle><circle cx="60.2" cy="38.6" r="2.3" fill="#0c1722"></circle><path d="M45 45 Q50.5 49.5 56 45" fill="none" stroke="#0c1722" stroke-width="2.2" stroke-linecap="round"></path><g fill="#0a121b" stroke="#84c7d4" stroke-width="4"><circle cx="15" cy="70" r="5.5"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle></g><g fill="#84c7d4" stroke="#84c7d4" stroke-width="4"><circle cx="92" cy="39" r="5.5"></circle></g></svg>

package/src/assets/character/shows-the-way-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M78 30 Q86 27 94 29" fill="none" stroke="#84c7d4" stroke-width="1.6" stroke-dasharray="3 3" stroke-linecap="round"></path><g fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"><path d="M34 50 C27 57 22 64 17 68"></path><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M67 45 C76 43 84 41 91 39"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#1a6a79"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.14"></ellipse><circle cx="37" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="44.2" cy="38.6" r="2.3" fill="#0c1722"></circle><circle cx="60.2" cy="38.6" r="2.3" fill="#0c1722"></circle><path d="M45 45 Q50.5 49.5 56 45" fill="none" stroke="#0c1722" stroke-width="2.2" stroke-linecap="round"></path><g fill="#ffffff" stroke="#1a6a79" stroke-width="4"><circle cx="15" cy="70" r="5.5"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle></g><g fill="#84c7d4" stroke="#1a6a79" stroke-width="4"><circle cx="92" cy="39" r="5.5"></circle></g></svg>

package/src/assets/character/thinking-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="#4f9aaa"><circle cx="74" cy="20" r="2"></circle><circle cx="80.5" cy="15" r="2.4"></circle><circle cx="87.5" cy="10.5" r="2.8"></circle></g><g fill="none" stroke="#84c7d4" stroke-width="5.5" stroke-linecap="round"><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M66 50 C73 57 78 64 83 68"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#84c7d4"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.22"></ellipse><circle cx="63" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="40.8" cy="36.6" r="2.3" fill="#0c1722"></circle><circle cx="56.8" cy="36.6" r="2.3" fill="#0c1722"></circle><path d="M46 47 Q50.5 48.5 54 46" fill="none" stroke="#0c1722" stroke-width="2" stroke-linecap="round"></path><path d="M33 50 C29 57 32 63 38 60" fill="none" stroke="#84c7d4" stroke-width="5.5" stroke-linecap="round"></path><g fill="#0a121b" stroke="#84c7d4" stroke-width="4"><circle cx="40" cy="58" r="4.6"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle><circle cx="85" cy="70" r="5.5"></circle></g></svg>

package/src/assets/character/thinking-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="#84c7d4"><circle cx="74" cy="20" r="2"></circle><circle cx="80.5" cy="15" r="2.4"></circle><circle cx="87.5" cy="10.5" r="2.8"></circle></g><g fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M66 50 C73 57 78 64 83 68"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#1a6a79"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.14"></ellipse><circle cx="63" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="40.8" cy="36.6" r="2.3" fill="#0c1722"></circle><circle cx="56.8" cy="36.6" r="2.3" fill="#0c1722"></circle><path d="M46 47 Q50.5 48.5 54 46" fill="none" stroke="#0c1722" stroke-width="2" stroke-linecap="round"></path><path d="M33 50 C29 57 32 63 38 60" fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"></path><g fill="#ffffff" stroke="#1a6a79" stroke-width="4"><circle cx="40" cy="58" r="4.6"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle><circle cx="85" cy="70" r="5.5"></circle></g></svg>

package/src/assets/character/welcomes-member-dark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50 15.5 C44 11.5 41 8.5 41 6 C41 3.4 43 2.2 45.2 2.2 C47.2 2.2 49 3.4 50 5.2 C51 3.4 52.8 2.2 54.8 2.2 C57 2.2 59 3.4 59 6 C59 8.5 56 11.5 50 15.5 Z" fill="#e8b04a"></path><g fill="none" stroke="#84c7d4" stroke-width="5.5" stroke-linecap="round"><path d="M34 46 C26 44 18 40 11 35"></path><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M66 46 C74 44 82 40 89 35"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#84c7d4"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.22"></ellipse><circle cx="37" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#1a6a79" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="42.0" cy="38.6" r="2.3" fill="#0c1722"></circle><circle cx="58.0" cy="38.6" r="2.3" fill="#0c1722"></circle><path d="M44 45 Q50 51.5 56 45" fill="none" stroke="#0c1722" stroke-width="2.2" stroke-linecap="round"></path><g fill="#0a121b" stroke="#84c7d4" stroke-width="4"><circle cx="10" cy="34" r="5.5"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle><circle cx="90" cy="34" r="5.5"></circle></g></svg>

package/src/assets/character/welcomes-member-light.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M50 15.5 C44 11.5 41 8.5 41 6 C41 3.4 43 2.2 45.2 2.2 C47.2 2.2 49 3.4 50 5.2 C51 3.4 52.8 2.2 54.8 2.2 C57 2.2 59 3.4 59 6 C59 8.5 56 11.5 50 15.5 Z" fill="#e8b04a"></path><g fill="none" stroke="#1a6a79" stroke-width="5.5" stroke-linecap="round"><path d="M34 46 C26 44 18 40 11 35"></path><path d="M44 56 C42 65 39 73 36 79"></path><path d="M56 56 C58 65 61 73 64 79"></path><path d="M66 46 C74 44 82 40 89 35"></path></g><ellipse cx="50" cy="38" rx="22" ry="20" fill="#1a6a79"></ellipse><ellipse cx="43" cy="29" rx="8" ry="4.5" fill="#ffffff" opacity="0.14"></ellipse><circle cx="37" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="63" cy="46" r="3.2" fill="#84c7d4" opacity="0.55"></circle><circle cx="42" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="58" cy="38" r="4.6" fill="#ffffff"></circle><circle cx="42.0" cy="38.6" r="2.3" fill="#0c1722"></circle><circle cx="58.0" cy="38.6" r="2.3" fill="#0c1722"></circle><path d="M44 45 Q50 51.5 56 45" fill="none" stroke="#0c1722" stroke-width="2.2" stroke-linecap="round"></path><g fill="#ffffff" stroke="#1a6a79" stroke-width="4"><circle cx="10" cy="34" r="5.5"></circle><circle cx="35" cy="82" r="5.5"></circle><circle cx="65" cy="82" r="5.5"></circle><circle cx="90" cy="34" r="5.5"></circle></g></svg>

package/src/styles/_horizon.scss

@@ -26,11 +26,29 @@
  *
  * Inputs (custom properties, set on the block or any ancestor):
  *   --lc-horizon-land        height of the land below the line
- *                            (default Today's: 112 px phone, 100 · 120 · 140 · 184 px
- *                            from 1024 · 1280 · 1440 · 1920; with the compact footer
- *                            on the land add its height, e.g. 136 px on the phone)
+ *                            (default Today's: 112 px phone, 72 · 80 · 96 · 128 px
+ *                            from 1024 · 1280 · 1440 · 1920 (3.9, LK-12); with the
+ *                            compact footer on the land add its height, e.g. 136 px
+ *                            on the phone. Inside lc-app-shell with a [shell-footer]
+ *                            the footer's height is added below it by the shell.)
  *   --lc-horizon-sun-radius  the sun's radius (58 px phone, 70 · 90 · 120 · 166 px)
  *   --lc-horizon-sun-x       the sun's centre from the block's left edge (72%)
+ *   --lc-horizon-figure-size the figure's size in .lc-horizon__figure
+ *                            (64 px phone, 96 px from 1024, 128 px from 1920)
+ *   --lc-horizon-figure-gap  its right edge to the sun's left edge (16 px; 24 px from 1024)
+ *
+ * Figure (3.8, G-4): Edu on the line, left of the sun, in a DIRECT child with
+ * .lc-horizon__figure (lc-character, <img>, <picture>, or an element holding an
+ * inline <svg>), placed BEFORE .lc-horizon__land. His feet stand on the line
+ * (the box bottom 12.5 % of its size below it); the block's height above the
+ * line becomes max(sun + 22 px, figure + 8 px). Decorative, never a target:
+ *
+ *   <div class="lc-horizon" aria-hidden="true">
+ *     <lc-character class="lc-horizon__figure" pose="comforts" />
+ *   </div>
+ *
+ * In lc-app-shell (3.9, AS-29) the attribute `shell-horizon-figure` alone does
+ * the same: the shell projects the element as a direct child of its horizon.
  *
  * Colours: --color-background-low, --color-horizon-line, --color-land-1…3,
  * --color-sun-1…3, --color-sun-ring, --color-sun-halo (theme tokens).
@@ -40,6 +58,8 @@
   --_lc-horizon-land: var(--lc-horizon-land, 112px);
   --_lc-horizon-r: var(--lc-horizon-sun-radius, 58px);
   --_lc-horizon-x: var(--lc-horizon-sun-x, 72%);
+  --_lc-horizon-fig: var(--lc-horizon-figure-size, 64px);
+  --_lc-horizon-fig-gap: var(--lc-horizon-figure-gap, 16px);
 
   position: relative;
   flex: 1 0 auto;
@@ -79,26 +99,30 @@
     linear-gradient(180deg, transparent, var(--color-background-low))
       0 0 / 100% calc(100% - var(--_lc-horizon-land)) no-repeat;
 
-  // Desktop steps of Today's horizon (app-shell 12.2). A page sets its own
-  // geometry through --lc-horizon-land / --lc-horizon-sun-radius.
+  // Desktop steps of Today's horizon (app-shell 12.2; the land 72 · 80 · 96 ·
+  // 128 px since 3.9, LK-12). A page sets its own geometry through
+  // --lc-horizon-land / --lc-horizon-sun-radius.
   @media (min-width: 1024px) {
-    --_lc-horizon-land: var(--lc-horizon-land, 100px);
+    --_lc-horizon-land: var(--lc-horizon-land, 72px);
     --_lc-horizon-r: var(--lc-horizon-sun-radius, 70px);
+    --_lc-horizon-fig: var(--lc-horizon-figure-size, 96px);
+    --_lc-horizon-fig-gap: var(--lc-horizon-figure-gap, 24px);
   }
 
   @media (min-width: 1280px) {
-    --_lc-horizon-land: var(--lc-horizon-land, 120px);
+    --_lc-horizon-land: var(--lc-horizon-land, 80px);
     --_lc-horizon-r: var(--lc-horizon-sun-radius, 90px);
   }
 
   @media (min-width: 1440px) {
-    --_lc-horizon-land: var(--lc-horizon-land, 140px);
+    --_lc-horizon-land: var(--lc-horizon-land, 96px);
     --_lc-horizon-r: var(--lc-horizon-sun-radius, 120px);
   }
 
   @media (min-width: 1920px) {
-    --_lc-horizon-land: var(--lc-horizon-land, 184px);
+    --_lc-horizon-land: var(--lc-horizon-land, 128px);
     --_lc-horizon-r: var(--lc-horizon-sun-radius, 166px);
+    --_lc-horizon-fig: var(--lc-horizon-figure-size, 128px);
   }
 
   // Windows high contrast and other forced-colour modes: no decoration.
@@ -113,3 +137,65 @@
   position: absolute;
   inset: auto 0 0;
 }
+
+// Edu on the horizon line (3.8, G-4): left of the sun, the feet on the line.
+// Only a block WITH the figure gets the taller minimum; without it the block
+// renders exactly as before.
+@mixin figure-min-height {
+  min-height: calc(var(--_lc-horizon-land) + max(var(--_lc-horizon-r) + 22px, var(--_lc-horizon-fig) + 8px));
+}
+
+// The slot sizes the figure (an lc-character's `size` input doesn't apply).
+// Its right edge sits the gap left of the sun's left edge; the box bottom lies
+// 12.5 % of its size below the line, where the standing poses' feet end
+// (y 87.5 of 100). Px, not rem: at 200 % text the figure keeps its size.
+@mixin figure {
+  --lc-character-size: var(--_lc-horizon-fig);
+
+  position: absolute;
+  right: calc(100% - var(--_lc-horizon-x) + var(--_lc-horizon-r) + var(--_lc-horizon-fig-gap));
+  bottom: calc(var(--_lc-horizon-land) - var(--_lc-horizon-fig) * 0.125);
+  width: var(--_lc-horizon-fig);
+  height: var(--_lc-horizon-fig);
+  pointer-events: none;
+
+  // Decoration, like the horizon's own: dropped, its box kept.
+  @media (forced-colors: active) {
+    visibility: hidden;
+  }
+}
+
+// A <picture> or an element holding an inline <svg>.
+@mixin figure-fill {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.lc-horizon:has(> .lc-horizon__figure) {
+  @include figure-min-height;
+}
+
+.lc-horizon__figure {
+  @include figure;
+}
+
+.lc-horizon__figure > :is(img, svg) {
+  @include figure-fill;
+}
+
+// lc-app-shell's figure slot (3.9, AS-29): the attribute alone places the
+// figure, with the same rules and the same specificity as .lc-horizon__figure
+// (`:where` adds none). Here, not in the shell's own stylesheet: the slot's
+// element belongs to the page's view, and `:has()` must see it.
+.lc-horizon:has(> [shell-horizon-figure]) {
+  @include figure-min-height;
+}
+
+.lc-horizon > :where([shell-horizon-figure]) {
+  @include figure;
+}
+
+.lc-horizon > :where([shell-horizon-figure]) > :is(img, svg) {
+  @include figure-fill;
+}

package/src/styles/horizon.figure.spec.ts

@@ -0,0 +1,79 @@
+import { compile } from 'sass';
+import { resolve } from 'path';
+
+/**
+ * The horizon's figure slot (3.8, G-4, AC-15 and AC-16 of request 005), read
+ * from the compiled CSS. The block without a figure is pinned by
+ * horizon.spec.ts, which this request leaves unchanged.
+ */
+const css = '\n' + compile(resolve(__dirname, '_horizon.scss')).css;
+
+/** The declarations of the top-level rule whose selector is exactly `selector` (compiled rules start a line). */
+function rule(selector: string): string {
+  const start = css.indexOf(`\n${selector} {`);
+  expect(start).toBeGreaterThan(-1);
+  return css.slice(start, css.indexOf('}', start));
+}
+
+describe('.lc-horizon__figure (G-4)', () => {
+  it('takes the figure size and gap from custom properties: 64 px and 16 px on the phone', () => {
+    const base = rule('.lc-horizon');
+    expect(base).toMatch(/--_lc-horizon-fig:\s*var\(--lc-horizon-figure-size, 64px\)/);
+    expect(base).toMatch(/--_lc-horizon-fig-gap:\s*var\(--lc-horizon-figure-gap, 16px\)/);
+  });
+
+  it.each([
+    [1024, '96px', '24px'],
+    [1920, '128px', null],
+  ])('steps up from %s px: size %s, gap %s', (width, size, gap) => {
+    const start = css.indexOf(`@media (min-width: ${width}px) {\n  .lc-horizon {`);
+    expect(start).toBeGreaterThan(-1);
+    const step = css.slice(start, css.indexOf('}', start));
+    expect(step).toContain(`--_lc-horizon-fig: var(--lc-horizon-figure-size, ${size})`);
+    if (gap) expect(step).toContain(`--_lc-horizon-fig-gap: var(--lc-horizon-figure-gap, ${gap})`);
+    else expect(step).not.toContain('--_lc-horizon-fig-gap');
+  });
+
+  it.each([1280, 1440])('keeps 96 px and 24 px at %s px (no figure step there)', (width) => {
+    const start = css.indexOf(`@media (min-width: ${width}px) {\n  .lc-horizon {`);
+    expect(css.slice(start, css.indexOf('}', start))).not.toContain('--_lc-horizon-fig');
+  });
+
+  it('raises the minimum above the line to max(sun + 22 px, figure + 8 px) only with a figure child', () => {
+    expect(rule('.lc-horizon:has(> .lc-horizon__figure)')).toMatch(
+      /min-height:\s*calc\(var\(--_lc-horizon-land\) \+ max\(var\(--_lc-horizon-r\) \+ 22px, var\(--_lc-horizon-fig\) \+ 8px\)\)/,
+    );
+    // The block without the figure keeps land + sun + 22 px (horizon.spec.ts).
+    expect(rule('.lc-horizon')).toMatch(/min-height:\s*calc\(var\(--_lc-horizon-land\) \+ var\(--_lc-horizon-r\) \+ 22px\)/);
+  });
+
+  it('places the figure left of the sun with the gap, its feet on the line, sized by the slot', () => {
+    const figure = rule('.lc-horizon__figure');
+    expect(figure).toMatch(/position:\s*absolute/);
+    expect(figure).toMatch(/right:\s*calc\(100% - var\(--_lc-horizon-x\) \+ var\(--_lc-horizon-r\) \+ var\(--_lc-horizon-fig-gap\)\)/);
+    expect(figure).toMatch(/bottom:\s*calc\(var\(--_lc-horizon-land\) - var\(--_lc-horizon-fig\) \* 0\.125\)/);
+    expect(figure).toMatch(/width:\s*var\(--_lc-horizon-fig\)/);
+    expect(figure).toMatch(/height:\s*var\(--_lc-horizon-fig\)/);
+    expect(figure).toMatch(/--lc-character-size:\s*var\(--_lc-horizon-fig\)/);
+  });
+
+  it('AC-16: the figure is never a pointer target', () => {
+    expect(rule('.lc-horizon__figure')).toMatch(/pointer-events:\s*none/);
+  });
+
+  it('drops the figure in forced colours, keeping its box', () => {
+    expect(css).toMatch(/@media \(forced-colors: active\) \{\s*\.lc-horizon__figure \{\s*visibility: hidden;/);
+  });
+
+  it('fills the slot with a <picture>’s image or an inline <svg>', () => {
+    const child = rule('.lc-horizon__figure > :is(img, svg)');
+    expect(child).toMatch(/display:\s*block/);
+    expect(child).toMatch(/width:\s*100%/);
+    expect(child).toMatch(/height:\s*100%/);
+  });
+
+  it('adds no motion and no raw colour', () => {
+    const figureCss = css.slice(css.indexOf('.lc-horizon:has('));
+    expect(figureCss).not.toMatch(/animation|transition|#[0-9a-f]{3,6}\b/i);
+  });
+});

package/src/styles/horizon.shell.spec.ts

@@ -0,0 +1,67 @@
+import { compile } from 'sass';
+import { resolve } from 'path';
+
+/**
+ * The horizon in 3.9 (request 006): the slimmer land defaults (LK-12, AC-1,
+ * AC-3, AC-8) and lc-app-shell's figure slot `[shell-horizon-figure]` (AS-29,
+ * AC-6, AC-7), read from the compiled CSS. The 3.8 figure rules are pinned by
+ * horizon.figure.spec.ts.
+ */
+const css = '\n' + compile(resolve(__dirname, '_horizon.scss')).css;
+
+/** The declarations of the top-level rule whose selector is exactly `selector` (compiled rules start a line). */
+function rule(selector: string): string {
+  const start = css.indexOf(`\n${selector} {`);
+  expect(start).toBeGreaterThan(-1);
+  return css.slice(start + selector.length + 3, css.indexOf('}', start)).trim();
+}
+
+/** The declarations of `selector` inside `@media (forced-colors: active)`. */
+function forcedColors(selector: string): string {
+  const match = new RegExp(`@media \\(forced-colors: active\\) \\{\\s*${selector.replace(/[.*+?^${}()|[\]\\>]/g, '\\$&')} \\{([^}]*)\\}`).exec(css);
+  expect(match).not.toBeNull();
+  return (match?.[1] ?? '').trim();
+}
+
+describe('.lc-horizon land defaults (LK-12)', () => {
+  it('AC-1: 112 px on the phone, 72 · 80 · 96 · 128 px from 1024 · 1280 · 1440 · 1920', () => {
+    const lands = [...css.matchAll(/--_lc-horizon-land: var\(--lc-horizon-land, (\d+)px\)/g)].map((m) => Number(m[1]));
+    expect(lands).toEqual([112, 72, 80, 96, 128]);
+  });
+
+  it('AC-3, AC-8: --lc-horizon-land wins at every width (every step is only its fallback)', () => {
+    const steps = [...css.matchAll(/--_lc-horizon-land:\s*([^;]+);/g)].map((m) => m[1]);
+    expect(steps).toHaveLength(5);
+    for (const step of steps) expect(step).toMatch(/^var\(--lc-horizon-land, \d+px\)$/);
+  });
+});
+
+describe('[shell-horizon-figure] (AS-29)', () => {
+  it('places the shell figure with exactly the rules of .lc-horizon__figure', () => {
+    expect(rule('.lc-horizon > :where([shell-horizon-figure])')).toBe(rule('.lc-horizon__figure'));
+    expect(rule('.lc-horizon > :where([shell-horizon-figure]) > :is(img, svg)')).toBe(rule('.lc-horizon__figure > :is(img, svg)'));
+  });
+
+  it('raises the minimum above the line with a figure child, as .lc-horizon__figure does', () => {
+    expect(rule('.lc-horizon:has(> [shell-horizon-figure])')).toBe(rule('.lc-horizon:has(> .lc-horizon__figure)'));
+  });
+
+  it('AC-7: sizes and places the figure, never a pointer target, hidden in forced colours', () => {
+    const figure = rule('.lc-horizon > :where([shell-horizon-figure])');
+    expect(figure).toMatch(/position:\s*absolute/);
+    expect(figure).toMatch(/--lc-character-size:\s*var\(--_lc-horizon-fig\)/);
+    expect(figure).toMatch(/pointer-events:\s*none/);
+    expect(forcedColors('.lc-horizon > :where([shell-horizon-figure])')).toBe(forcedColors('.lc-horizon__figure'));
+  });
+
+  it('keeps the specificity of .lc-horizon__figure: :where() adds none to the attribute', () => {
+    // (0,1,0) like `.lc-horizon__figure`, (0,2,0) for the :has() rule: every
+    // selector that names the attribute, in order (the third is in forced colours).
+    expect(css.match(/^[^{}\n]*shell-horizon-figure[^{}\n]*(?= \{)/gm)).toEqual([
+      '.lc-horizon:has(> [shell-horizon-figure])',
+      '.lc-horizon > :where([shell-horizon-figure])',
+      '  .lc-horizon > :where([shell-horizon-figure])',
+      '.lc-horizon > :where([shell-horizon-figure]) > :is(img, svg)',
+    ]);
+  });
+});

package/src/styles/horizon.spec.ts

@@ -49,11 +49,13 @@ describe('.lc-horizon (LK-1)', () => {
     expect(base).toMatch(/--_lc-horizon-x:\s*var\(--lc-horizon-sun-x, 72%\)/);
   });
 
+  // The land steps changed in 3.9 (LK-12, request 006): 100 · 120 · 140 · 184 px
+  // became 72 · 80 · 96 · 128 px; the sun radii are unchanged.
   it.each([
-    [1024, '100px', '70px'],
-    [1280, '120px', '90px'],
-    [1440, '140px', '120px'],
-    [1920, '184px', '166px'],
+    [1024, '72px', '70px'],
+    [1280, '80px', '90px'],
+    [1440, '96px', '120px'],
+    [1920, '128px', '166px'],
   ])('uses Today’s desktop geometry from %s px', (width, land, radius) => {
     const step = block(`@media (min-width: ${width}px) {\n  .lc-horizon {`);
     expect(step).toContain(`var(--lc-horizon-land, ${land})`);

package/types/lifecorner-angular-ui-kit-app-shell.d.ts

@@ -20,8 +20,17 @@ import * as i0 from "@angular/core";
  *   reserves its height at the end of the page (16 + 72 + 24 px plus the
  *   safe-area inset; `--lc-app-shell-bottom-clearance`), so it never covers
  *   content. With the horizon, the bar rests on the land instead.
- * - `[shell-footer]` — e.g. a compact `lc-footer`; on the horizon's land when
- *   `horizon` is on, else after the page.
+ * - `[shell-footer]` — e.g. a compact `lc-footer`; after the page, or with
+ *   `horizon` in a row of its own below the horizon, painted in the land's
+ *   colour (`--color-land-3`): the land grows by the footer's height, so
+ *   `--lc-horizon-land` stays the land above the footer and no page overrides
+ *   it (3.9, LK-12).
+ * - `[shell-horizon-figure]` — Edu (or any decorative figure) on the horizon
+ *   line, left of the sun: `lc-character`, `<img>`, `<picture>` or an element
+ *   holding an inline `<svg>`. Projected as a direct child of `.lc-horizon`,
+ *   sized and placed by the horizon (`--lc-horizon-figure-size` / `-gap`).
+ *   Decorative: the horizon is `aria-hidden`, so give an `<img>` `alt=""` and
+ *   nothing focusable. Shown only when `horizon` is on (3.9, AS-29).
  *
  * `horizon` closes the page with the "Weite" horizon (`.lc-horizon` from the
  * kit's styles): full-bleed, below the side navigation and the page, filling
@@ -47,7 +56,9 @@ export declare class AppShellComponent {
   /**
    * Close the page with the horizon (`.lc-horizon`): full width, below the
    * side navigation and the page, filling the rest of the screen; the footer
-   * and the floating bar rest on its land.
+   * (in a row of its own, which adds to the land) and the floating bar rest
+   * on its land, and `[shell-horizon-figure]` stands on its line.
+   * @default false
    */
   readonly horizon: import("@angular/core").InputSignal<boolean>;
   protected readonly shellClasses: import("@angular/core").Signal<string>;
@@ -58,7 +69,7 @@ export declare class AppShellComponent {
       "required": false;
       "isSignal": true;
     };
-  }, {}, never, ["[shell-header]", "[shell-nav]", "*", "[shell-footer]", "[shell-bottom-nav]"], true, never>;
+  }, {}, never, ["[shell-header]", "[shell-nav]", "*", "[shell-horizon-figure]", "[shell-footer]", "[shell-bottom-nav]"], true, never>;
 }
 /**
  * A page inside `lc-app-shell`: the `<main>` landmark with the page's content

package/types/lifecorner-angular-ui-kit-button.d.ts

@@ -30,6 +30,16 @@ export declare class ButtonComponent {
    * @default false
    */
   readonly inline: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Drop the inline padding so a `variant="link"` button sits flush with the
+   * content edge: the label starts at the edge, and the button keeps its height
+   * and a 44 × 44 px minimum target. At the end edge of a row, set the CSS
+   * hook `--lc-btn-flush-align: end` (default `start`) on the host or an
+   * ancestor: every line of the label then ends at the edge. Ignored on other
+   * variants and with `iconOnly` (3.9, AS-26).
+   * @default false
+   */
+  readonly flush: import("@angular/core").InputSignal<boolean>;
   readonly clicked: import("@angular/core").OutputEmitterRef<void>;
   readonly focused: import("@angular/core").OutputEmitterRef<void>;
   readonly blurred: import("@angular/core").OutputEmitterRef<void>;
@@ -102,6 +112,11 @@ export declare class ButtonComponent {
       "required": false;
       "isSignal": true;
     };
+    "flush": {
+      "alias": "flush";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "clicked": "clicked";
     "focused": "focused";
@@ -148,6 +163,16 @@ export declare class ButtonLinkComponent {
    * size, weight and line-height). Pair with `variant="link"`.
    */
   readonly inline: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Drop the inline padding so a `variant="link"` link sits flush with the
+   * content edge: the label starts at the edge, and the link keeps its height
+   * and a 44 × 44 px minimum target. At the end edge of a row, set the CSS
+   * hook `--lc-btn-flush-align: end` (default `start`) on the link or an
+   * ancestor: every line of the label then ends at the edge. Ignored on other
+   * variants and with `iconOnly` (3.9, AS-26).
+   * @default false
+   */
+  readonly flush: import("@angular/core").InputSignal<boolean>;
   /** Classes on the anchor; merged with the consumer's own `class`. */
   protected readonly hostClasses: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<ButtonLinkComponent, never>;
@@ -177,5 +202,10 @@ export declare class ButtonLinkComponent {
       "required": false;
       "isSignal": true;
     };
+    "flush": {
+      "alias": "flush";
+      "required": false;
+      "isSignal": true;
+    };
   }, {}, never, ["[slot='icon-before']", "*", "[slot='icon-after']"], true, never>;
 }

package/types/lifecorner-angular-ui-kit-character-svg.d.ts

@@ -0,0 +1,44 @@
+/** One of a pose's two drawings: `light` for light surfaces, `dark` for dark ones. */
+export type CharacterDrawing = 'light' | 'dark';
+/** A pose's two drawings as SVG markup, each equal to its file `<pose>-<drawing>.svg`. */
+export interface CharacterSvgPair {
+  readonly light: string;
+  readonly dark: string;
+}
+/**
+ * Edu's poses (3.8, gap G-4), in the order of the docs. `calm` is the neutral
+ * Edu; the post-only poses (peeks-around-corner, amazed, looks-ahead) are not shipped.
+ */
+export type CharacterPose = 'hello' | 'shows-the-way' | 'happy' | 'welcomes-member' | 'resting' | 'in-his-corner' | 'comforts' | 'all-done' | 'calm' | 'connects' | 'discovered' | 'thinking' | 'connection-paused' | 'see-you';
+/** Every shipped pose, in the order of the docs. */
+export declare const CHARACTER_POSES: readonly CharacterPose[];
+/** hello (Hallo); dark drawn. */
+export declare const CHARACTER_SVG_HELLO: CharacterSvgPair;
+/** shows-the-way (Zeigt den Weg); dark drawn. */
+export declare const CHARACTER_SVG_SHOWS_THE_WAY: CharacterSvgPair;
+/** happy (Freut sich); dark drawn. */
+export declare const CHARACTER_SVG_HAPPY: CharacterSvgPair;
+/** welcomes-member (Begrüßt ein Mitglied); dark by the rule. */
+export declare const CHARACTER_SVG_WELCOMES_MEMBER: CharacterSvgPair;
+/** resting (Ruht sich aus); dark by the rule. */
+export declare const CHARACTER_SVG_RESTING: CharacterSvgPair;
+/** in-his-corner (Sitzt in seiner Ecke); dark by the rule. */
+export declare const CHARACTER_SVG_IN_HIS_CORNER: CharacterSvgPair;
+/** comforts (Tröstet); dark by the rule. */
+export declare const CHARACTER_SVG_COMFORTS: CharacterSvgPair;
+/** all-done (Erledigt); dark by the rule. */
+export declare const CHARACTER_SVG_ALL_DONE: CharacterSvgPair;
+/** calm (ruhig); dark drawn. */
+export declare const CHARACTER_SVG_CALM: CharacterSvgPair;
+/** connects (Verbindet); dark by the rule. */
+export declare const CHARACTER_SVG_CONNECTS: CharacterSvgPair;
+/** discovered (Hat etwas entdeckt); dark by the rule. */
+export declare const CHARACTER_SVG_DISCOVERED: CharacterSvgPair;
+/** thinking (Denkt nach); dark by the rule. */
+export declare const CHARACTER_SVG_THINKING: CharacterSvgPair;
+/** connection-paused (Verbindung pausiert); dark by the rule. */
+export declare const CHARACTER_SVG_CONNECTION_PAUSED: CharacterSvgPair;
+/** see-you (Bis bald); dark by the rule. */
+export declare const CHARACTER_SVG_SEE_YOU: CharacterSvgPair;
+/** Every pose's light and dark drawing, keyed by pose. */
+export declare const CHARACTER_SVG: Readonly<Record<CharacterPose, CharacterSvgPair>>;

package/types/lifecorner-angular-ui-kit-character.d.ts

@@ -0,0 +1,104 @@
+import * as i0 from "@angular/core";
+import { InjectionToken } from "@angular/core";
+import { CharacterPose, CharacterPose as CharacterPose$1 } from "@lifecorner/angular-ui-kit/character-svg";
+/** Edge of the figure's square box in px. `--lc-character-size` overrides it. */
+export type CharacterSize = 48 | 64 | 80 | 96 | 128;
+/**
+ * Which drawing to show.
+ * - `auto`: the root theme picks the light or the dark drawing.
+ * - `dark`: the on-dark drawing in both themes, for a fixed dark surface.
+ */
+export type CharacterColorMode = 'auto' | 'dark';
+/**
+ * The URL folder that holds the pose files (`<pose>-light.svg`,
+ * `<pose>-dark.svg`, copied from the package's `assets/character/`). Follows
+ * `LC_LOGO_BASE_PATH` (default `/assets` → `/assets/character`) unless you
+ * provide it yourself.
+ *
+ * @example
+ * ```ts
+ * providers: [{ provide: LC_CHARACTER_BASE_PATH, useValue: '/static/edu' }]
+ * ```
+ */
+export declare const LC_CHARACTER_BASE_PATH: InjectionToken<string>;
+/**
+ * Edu, the LifeCorner character, in one of his poses (3.8, gap G-4).
+ *
+ * Renders the pose files as `<img>` (no inline SVG, no Trusted Types policy),
+ * in a square box that is sized by CSS before any JavaScript runs, so the
+ * figure prerenders and never shifts the layout. Decorative by default
+ * (`aria-hidden="true"`); `ariaLabel` makes it an image with that name. The
+ * figure is still: nothing animates.
+ *
+ * Without Angular, use the files (`@lifecorner/angular-ui-kit/assets/character/<pose>-<light|dark>.svg`)
+ * or the strings of `@lifecorner/angular-ui-kit/character-svg`.
+ *
+ * @example Decorative, follows the app theme
+ * ```html
+ * <lc-character pose="comforts" size="96" />
+ * ```
+ *
+ * @example On a fixed dark surface, with a name
+ * ```html
+ * <lc-character pose="hello" colorMode="dark" ariaLabel="Edu winkt" />
+ * ```
+ */
+export declare class CharacterComponent {
+  /**
+   * Which pose to draw: hello, shows-the-way, happy, welcomes-member, resting,
+   * in-his-corner, comforts, all-done, calm, connects, discovered, thinking,
+   * connection-paused, see-you. `calm` is the neutral Edu.
+   * @default 'calm'
+   */
+  readonly pose: import("@angular/core").InputSignal<CharacterPose$1>;
+  /**
+   * Edge of the square box in px: 48, 64, 80, 96 or 128 (`size="96"` works
+   * too). `--lc-character-size` overrides it; set that hook per breakpoint in
+   * CSS.
+   * @default 64
+   */
+  readonly size: import("@angular/core").InputSignalWithTransform<CharacterSize, CharacterSize | "48" | "64" | "80" | "96" | "128">;
+  /**
+   * Which drawing to show.
+   * - `auto`: both drawings are in the DOM and the root theme shows one
+   *   (light, dark, and system with the OS setting), without JavaScript.
+   * - `dark`: only the on-dark drawing, in both themes, for a fixed dark
+   *   surface such as the hero band.
+   * @default 'auto'
+   */
+  readonly colorMode: import("@angular/core").InputSignal<CharacterColorMode>;
+  /**
+   * Empty: decorative (`aria-hidden="true"`). Set: `role="img"` with this
+   * name. This is your own translated text; the kit ships none.
+   * @default ''
+   */
+  readonly ariaLabel: import("@angular/core").InputSignal<string>;
+  private readonly basePath;
+  protected readonly lightSrc: import("@angular/core").Signal<string>;
+  protected readonly darkSrc: import("@angular/core").Signal<string>;
+  protected readonly hostClass: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<CharacterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CharacterComponent, "lc-character", never, {
+    "pose": {
+      "alias": "pose";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "colorMode": {
+      "alias": "colorMode";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { CharacterPose };