@entropy-softworks/ui 2026.8.34 → 2026.8.36

package/src/context/AppConfigContext.tsx

@@ -34,6 +34,17 @@ export type LogoComponent = React.ComponentType<{
    */
   color?: string;
   style?: StyleProp<ViewStyle> | StyleProp<ImageStyle>;
+  /**
+   * Render the mark flush to its box, without whatever internal padding it
+   * normally carries.
+   *
+   * A mark usually bakes in breathing room so it drops into arbitrary layouts
+   * safely. In a lockup that padding fights the layout instead: the caller is
+   * already controlling the gap, and the baked margin makes the mark read as
+   * smaller than the text it is supposed to match. Logos that have no internal
+   * padding can ignore this.
+   */
+  bleed?: boolean;
 }>;
 
 export interface AppConfig {
@@ -48,6 +59,22 @@ export interface AppConfig {
    * a generic "An Entropy Softworks platform".
    */
   tagline?: string;
+  /**
+   * How to set the tagline against the app name. Omit for the default: stacked
+   * centred underneath, no rule.
+   *
+   *   "inline"  — same line, pipe-separated: `Vault | Password Manager`
+   *   "ruled"   — under the name, hairline rule between the two
+   *   "lockup"  — logo to the LEFT of the name and tagline stacked, with the
+   *               mark sized to the height of those two lines together. The
+   *               conventional app lockup, and the tidiest option when the
+   *               tagline is a short category label.
+   *
+   * `"inline"` and `"lockup"` both need an app-name text to set against, so a
+   * `logoIsWordmark` mark — which renders alone at its natural width — falls
+   * back to `"ruled"`.
+   */
+  taglineLayout?: "inline" | "ruled" | "lockup";
   /**
    * Optional terms-of-service markdown / plain text. Welcome screen and
    * the dedicated terms screen render this. When omitted, the screens