@lumiastream/ui 0.3.3 → 0.3.5

package/dist/index.js

@@ -878,12 +878,12 @@ var LSFontPicker = memo(function LSFontPicker2({
               transform: "rotate(180deg)"
             }
           }
-        }
-      },
-      ListboxProps: {
-        sx: {
-          maxHeight: 300,
-          padding: 0
+        },
+        listbox: {
+          sx: {
+            maxHeight: 300,
+            padding: 0
+          }
         }
       },
       noOptionsText: "No fonts found",
@@ -906,27 +906,39 @@ var LSFontPicker = memo(function LSFontPicker2({
           key
         );
       },
-      renderInput: (params) => /* @__PURE__ */ jsx8(
-        TextFieldComponent,
-        {
-          ...params,
-          label,
-          helperText,
-          placeholder,
-          fullWidth: true,
-          className: "mui-ls-input",
-          variant: "outlined",
-          sx: {
-            "& .MuiOutlinedInput-root": {
-              paddingRight: "0.5rem"
+      renderInput: (params) => {
+        const {
+          InputLabelProps: paramsInputLabelProps,
+          InputProps: paramsInputProps,
+          ...restParams
+        } = params;
+        return /* @__PURE__ */ jsx8(
+          TextFieldComponent,
+          {
+            ...restParams,
+            label,
+            helperText,
+            placeholder,
+            fullWidth: true,
+            className: "mui-ls-input",
+            variant: "outlined",
+            sx: {
+              "& .MuiOutlinedInput-root": {
+                paddingRight: "0.5rem"
+              }
+            },
+            slotProps: {
+              inputLabel: {
+                shrink: true,
+                ...paramsInputLabelProps ?? {}
+              },
+              input: {
+                ...paramsInputProps ?? {}
+              }
             }
-          },
-          InputLabelProps: {
-            shrink: true,
-            ...params.InputLabelProps ?? {}
           }
-        }
-      )
+        );
+      }
     }
   ) });
 });
@@ -3123,7 +3135,7 @@ var SE_TO_LUMIA_PLACEHOLDER = {
   displayName: "displayname",
   sender: "gifter",
   amount: "amount",
-  currency: "currency",
+  currency: "currencySymbol",
   message: "message",
   items: "itemsDetailed",
   item: "firstItem.name",
@@ -3138,7 +3150,10 @@ var SE_TO_LUMIA_PLACEHOLDER = {
   streamer: "streamer"
 };
 var TWITCH_CONTEXTS = {
-  "follower-latest": { name: "twitch_last_follower", username: "twitch_last_follower" },
+  "follower-latest": {
+    name: "twitch_last_follower",
+    username: "twitch_last_follower"
+  },
   // Three SE listeners with genuinely distinct semantics — preserve the
   // distinction in the variable mapping so a widget configured for "Latest
   // new subscriber" doesn't render the latest *resub* (and vice versa).
@@ -3146,9 +3161,18 @@ var TWITCH_CONTEXTS = {
   // are subtype-specific. The dedicated TWITCH_LAST_{NEW_SUBSCRIBER,
   // RESUBSCRIBER} variables are written by the Twitch event pipeline on
   // the matching sub.type event.
-  "subscriber-latest": { name: "twitch_last_subscriber", username: "twitch_last_subscriber" },
-  "subscriber-new-latest": { name: "twitch_last_new_subscriber", username: "twitch_last_new_subscriber" },
-  "subscriber-resub-latest": { name: "twitch_last_resubscriber", username: "twitch_last_resubscriber" },
+  "subscriber-latest": {
+    name: "twitch_last_subscriber",
+    username: "twitch_last_subscriber"
+  },
+  "subscriber-new-latest": {
+    name: "twitch_last_new_subscriber",
+    username: "twitch_last_new_subscriber"
+  },
+  "subscriber-resub-latest": {
+    name: "twitch_last_resubscriber",
+    username: "twitch_last_resubscriber"
+  },
   // `subscriber-gifted-latest`: SE uses `{sender}` for the giver and `{name}` for
   // the recipient (e.g. "{sender} gifted to {name}"). The two roles must point
   // at distinct Lumia variables — collapsing both onto `twitch_last_gifter`
@@ -3156,12 +3180,45 @@ var TWITCH_CONTEXTS = {
   // nowhere. `sender` keeps the gifter; `name` / `username` switch to the
   // dedicated recipient variable `twitch_last_gifted`. Amount stays on the
   // gifter (it's the count of subs in that drop, owned by the gifter).
-  "subscriber-gifted-latest": { name: "twitch_last_gifted", username: "twitch_last_gifted", sender: "twitch_last_gifter", amount: "twitch_last_gifter_amount", count: "twitch_last_gifter_amount" },
-  "subscriber-alltime-gifter": { name: "twitch_alltime_top_gifter", username: "twitch_alltime_top_gifter", amount: "twitch_alltime_top_gifter_amount", count: "twitch_alltime_top_gifter_amount" },
-  "cheer-latest": { name: "twitch_last_bit", username: "twitch_last_bit", amount: "twitch_last_bit_amount", count: "twitch_last_bit_amount" },
-  "tip-latest": { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" },
-  latest_donator: { name: "latest_donator", username: "latest_donator", amount: "latest_donator_amount", count: "latest_donator_amount", currency: "latest_donator_currency_symbol" },
-  "raid-latest": { name: "twitch_last_raider", username: "twitch_last_raider", amount: "twitch_last_raid_amount", count: "twitch_last_raid_amount" },
+  "subscriber-gifted-latest": {
+    name: "twitch_last_gifted",
+    username: "twitch_last_gifted",
+    sender: "twitch_last_gifter",
+    amount: "twitch_last_gifter_amount",
+    count: "twitch_last_gifter_amount"
+  },
+  "subscriber-alltime-gifter": {
+    name: "twitch_alltime_top_gifter",
+    username: "twitch_alltime_top_gifter",
+    amount: "twitch_alltime_top_gifter_amount",
+    count: "twitch_alltime_top_gifter_amount"
+  },
+  "cheer-latest": {
+    name: "twitch_last_bit",
+    username: "twitch_last_bit",
+    amount: "twitch_last_bit_amount",
+    count: "twitch_last_bit_amount"
+  },
+  "tip-latest": {
+    name: "latest_donator",
+    username: "latest_donator",
+    amount: "latest_donator_amount",
+    count: "latest_donator_amount",
+    currency: "latest_donator_currency_symbol"
+  },
+  latest_donator: {
+    name: "latest_donator",
+    username: "latest_donator",
+    amount: "latest_donator_amount",
+    count: "latest_donator_amount",
+    currency: "latest_donator_currency_symbol"
+  },
+  "raid-latest": {
+    name: "twitch_last_raider",
+    username: "twitch_last_raider",
+    amount: "twitch_last_raid_amount",
+    count: "twitch_last_raid_amount"
+  },
   // Period counters: count/amount = the running counter for that window.
   // SE lets the streamer pick session / week / month / total on the same widget
   // type; the chosen period lands in `widget.listener` (e.g. `cheer-week`).
@@ -3169,25 +3226,86 @@ var TWITCH_CONTEXTS = {
   // table only carried session+total and broke any widget configured for
   // week/month because `{amount}` fell through to the unscoped placeholder
   // and rendered blank.
-  "follower-session": { amount: "twitch_session_follower_count", count: "twitch_session_follower_count" },
-  "follower-week": { amount: "twitch_week_follower_count", count: "twitch_week_follower_count" },
-  "follower-month": { amount: "twitch_month_follower_count", count: "twitch_month_follower_count" },
-  "follower-total": { amount: "twitch_total_follower_count", count: "twitch_total_follower_count" },
-  "subscriber-session": { amount: "twitch_session_subscribers_count", count: "twitch_session_subscribers_count" },
-  "subscriber-week": { amount: "twitch_week_subscriber_count", count: "twitch_week_subscriber_count" },
-  "subscriber-month": { amount: "twitch_month_subscriber_count", count: "twitch_month_subscriber_count" },
-  "subscriber-total": { amount: "twitch_total_subscriber_count", count: "twitch_total_subscriber_count" },
-  "subscriber-new-session": { amount: "twitch_session_new_subscribers_count", count: "twitch_session_new_subscribers_count" },
-  "subscriber-resub-session": { amount: "twitch_session_resub_subscribers_count", count: "twitch_session_resub_subscribers_count" },
-  "subscriber-gifted-session": { amount: "twitch_session_gifted_subscribers_count", count: "twitch_session_gifted_subscribers_count" },
-  "cheer-session": { amount: "twitch_session_bits_count", count: "twitch_session_bits_count" },
-  "cheer-week": { amount: "twitch_week_bits_count", count: "twitch_week_bits_count" },
-  "cheer-month": { amount: "twitch_month_bits_count", count: "twitch_month_bits_count" },
-  "cheer-total": { amount: "twitch_total_bits_count", count: "twitch_total_bits_count" },
-  "tip-session": { amount: "session_donation_amount", count: "session_donation_count", currency: "session_donation_amount_currency_symbol" },
-  "tip-week": { amount: "week_donation_amount", count: "week_donation_count", currency: "week_donation_amount_currency_symbol" },
-  "tip-month": { amount: "month_donation_amount", count: "month_donation_count", currency: "month_donation_amount_currency_symbol" },
-  "tip-total": { amount: "total_donation_amount", count: "total_donation_amount", currency: "total_donation_amount_currency_symbol" },
+  "follower-session": {
+    amount: "twitch_session_follower_count",
+    count: "twitch_session_follower_count"
+  },
+  "follower-week": {
+    amount: "twitch_week_follower_count",
+    count: "twitch_week_follower_count"
+  },
+  "follower-month": {
+    amount: "twitch_month_follower_count",
+    count: "twitch_month_follower_count"
+  },
+  "follower-total": {
+    amount: "twitch_total_follower_count",
+    count: "twitch_total_follower_count"
+  },
+  "subscriber-session": {
+    amount: "twitch_session_subscribers_count",
+    count: "twitch_session_subscribers_count"
+  },
+  "subscriber-week": {
+    amount: "twitch_week_subscriber_count",
+    count: "twitch_week_subscriber_count"
+  },
+  "subscriber-month": {
+    amount: "twitch_month_subscriber_count",
+    count: "twitch_month_subscriber_count"
+  },
+  "subscriber-total": {
+    amount: "twitch_total_subscriber_count",
+    count: "twitch_total_subscriber_count"
+  },
+  "subscriber-new-session": {
+    amount: "twitch_session_new_subscribers_count",
+    count: "twitch_session_new_subscribers_count"
+  },
+  "subscriber-resub-session": {
+    amount: "twitch_session_resub_subscribers_count",
+    count: "twitch_session_resub_subscribers_count"
+  },
+  "subscriber-gifted-session": {
+    amount: "twitch_session_gifted_subscribers_count",
+    count: "twitch_session_gifted_subscribers_count"
+  },
+  "cheer-session": {
+    amount: "twitch_session_bits_count",
+    count: "twitch_session_bits_count"
+  },
+  "cheer-week": {
+    amount: "twitch_week_bits_count",
+    count: "twitch_week_bits_count"
+  },
+  "cheer-month": {
+    amount: "twitch_month_bits_count",
+    count: "twitch_month_bits_count"
+  },
+  "cheer-total": {
+    amount: "twitch_total_bits_count",
+    count: "twitch_total_bits_count"
+  },
+  "tip-session": {
+    amount: "session_donation_amount",
+    count: "session_donation_count",
+    currency: "session_donation_amount_currency_symbol"
+  },
+  "tip-week": {
+    amount: "week_donation_amount",
+    count: "week_donation_count",
+    currency: "week_donation_amount_currency_symbol"
+  },
+  "tip-month": {
+    amount: "month_donation_amount",
+    count: "month_donation_count",
+    currency: "month_donation_amount_currency_symbol"
+  },
+  "tip-total": {
+    amount: "total_donation_amount",
+    count: "total_donation_amount",
+    currency: "total_donation_amount_currency_symbol"
+  },
   "tip-count": { amount: "donation_count", count: "donation_count" },
   // Top cheer / cheerer / donator readouts — per period. SE's `se-widget-top-*`
   // widgets encode the chosen period (session / weekly / monthly / alltime) in
@@ -3203,26 +3321,118 @@ var TWITCH_CONTEXTS = {
   // "the user who made the top donation", so the two rows below carry the
   // same name/username mapping — anything else falls through to the unscoped
   // `{{username}}` and renders blank.
-  "cheer-session-top-donation": { name: "twitch_session_top_cheerer", username: "twitch_session_top_cheerer", amount: "twitch_session_top_cheer_amount", count: "twitch_session_top_cheer_amount" },
-  "cheer-session-top-donator": { name: "twitch_session_top_cheerer", username: "twitch_session_top_cheerer", amount: "twitch_session_top_cheerer_amount", count: "twitch_session_top_cheerer_amount" },
-  "cheer-weekly-top-donation": { name: "twitch_week_top_cheerer", username: "twitch_week_top_cheerer", amount: "twitch_week_top_cheerer_amount", count: "twitch_week_top_cheerer_amount" },
-  "cheer-weekly-top-donator": { name: "twitch_week_top_cheerer", username: "twitch_week_top_cheerer", amount: "twitch_week_top_cheerer_amount", count: "twitch_week_top_cheerer_amount" },
-  "cheer-monthly-top-donation": { name: "twitch_month_top_cheerer", username: "twitch_month_top_cheerer", amount: "twitch_month_top_cheerer_amount", count: "twitch_month_top_cheerer_amount" },
-  "cheer-monthly-top-donator": { name: "twitch_month_top_cheerer", username: "twitch_month_top_cheerer", amount: "twitch_month_top_cheerer_amount", count: "twitch_month_top_cheerer_amount" },
-  "cheer-alltime-top-donation": { name: "twitch_alltime_top_cheerer", username: "twitch_alltime_top_cheerer", amount: "twitch_alltime_top_cheerer_amount", count: "twitch_alltime_top_cheerer_amount" },
-  "cheer-alltime-top-donator": { name: "twitch_alltime_top_cheerer", username: "twitch_alltime_top_cheerer", amount: "twitch_alltime_top_cheerer_amount", count: "twitch_alltime_top_cheerer_amount" },
-  "tip-session-top-donation": { name: "session_top_donator", username: "session_top_donator", amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" },
-  "tip-session-top-donator": { name: "session_top_donator", username: "session_top_donator", amount: "session_top_donator_amount", count: "session_top_donator_amount", currency: "session_top_donator_currency_symbol" },
-  "tip-weekly-top-donation": { name: "week_top_donator", username: "week_top_donator", amount: "week_top_donator_amount", count: "week_top_donator_amount", currency: "week_top_donator_currency_symbol" },
-  "tip-weekly-top-donator": { name: "week_top_donator", username: "week_top_donator", amount: "week_top_donator_amount", count: "week_top_donator_amount", currency: "week_top_donator_currency_symbol" },
-  "tip-monthly-top-donation": { name: "month_top_donator", username: "month_top_donator", amount: "month_top_donator_amount", count: "month_top_donator_amount", currency: "month_top_donator_currency_symbol" },
-  "tip-monthly-top-donator": { name: "month_top_donator", username: "month_top_donator", amount: "month_top_donator_amount", count: "month_top_donator_amount", currency: "month_top_donator_currency_symbol" },
-  "tip-alltime-top-donation": { name: "top_donator", username: "top_donator", amount: "top_donator_amount", count: "top_donator_amount", currency: "top_donator_currency_symbol" },
-  "tip-alltime-top-donator": { name: "top_donator", username: "top_donator", amount: "top_donator_amount", count: "top_donator_amount", currency: "top_donator_currency_symbol" },
+  "cheer-session-top-donation": {
+    name: "twitch_session_top_cheerer",
+    username: "twitch_session_top_cheerer",
+    amount: "twitch_session_top_cheer_amount",
+    count: "twitch_session_top_cheer_amount"
+  },
+  "cheer-session-top-donator": {
+    name: "twitch_session_top_cheerer",
+    username: "twitch_session_top_cheerer",
+    amount: "twitch_session_top_cheerer_amount",
+    count: "twitch_session_top_cheerer_amount"
+  },
+  "cheer-weekly-top-donation": {
+    name: "twitch_week_top_cheerer",
+    username: "twitch_week_top_cheerer",
+    amount: "twitch_week_top_cheerer_amount",
+    count: "twitch_week_top_cheerer_amount"
+  },
+  "cheer-weekly-top-donator": {
+    name: "twitch_week_top_cheerer",
+    username: "twitch_week_top_cheerer",
+    amount: "twitch_week_top_cheerer_amount",
+    count: "twitch_week_top_cheerer_amount"
+  },
+  "cheer-monthly-top-donation": {
+    name: "twitch_month_top_cheerer",
+    username: "twitch_month_top_cheerer",
+    amount: "twitch_month_top_cheerer_amount",
+    count: "twitch_month_top_cheerer_amount"
+  },
+  "cheer-monthly-top-donator": {
+    name: "twitch_month_top_cheerer",
+    username: "twitch_month_top_cheerer",
+    amount: "twitch_month_top_cheerer_amount",
+    count: "twitch_month_top_cheerer_amount"
+  },
+  "cheer-alltime-top-donation": {
+    name: "twitch_alltime_top_cheerer",
+    username: "twitch_alltime_top_cheerer",
+    amount: "twitch_alltime_top_cheerer_amount",
+    count: "twitch_alltime_top_cheerer_amount"
+  },
+  "cheer-alltime-top-donator": {
+    name: "twitch_alltime_top_cheerer",
+    username: "twitch_alltime_top_cheerer",
+    amount: "twitch_alltime_top_cheerer_amount",
+    count: "twitch_alltime_top_cheerer_amount"
+  },
+  "tip-session-top-donation": {
+    name: "session_top_donator",
+    username: "session_top_donator",
+    amount: "session_top_donator_amount",
+    count: "session_top_donator_amount",
+    currency: "session_top_donator_currency_symbol"
+  },
+  "tip-session-top-donator": {
+    name: "session_top_donator",
+    username: "session_top_donator",
+    amount: "session_top_donator_amount",
+    count: "session_top_donator_amount",
+    currency: "session_top_donator_currency_symbol"
+  },
+  "tip-weekly-top-donation": {
+    name: "week_top_donator",
+    username: "week_top_donator",
+    amount: "week_top_donator_amount",
+    count: "week_top_donator_amount",
+    currency: "week_top_donator_currency_symbol"
+  },
+  "tip-weekly-top-donator": {
+    name: "week_top_donator",
+    username: "week_top_donator",
+    amount: "week_top_donator_amount",
+    count: "week_top_donator_amount",
+    currency: "week_top_donator_currency_symbol"
+  },
+  "tip-monthly-top-donation": {
+    name: "month_top_donator",
+    username: "month_top_donator",
+    amount: "month_top_donator_amount",
+    count: "month_top_donator_amount",
+    currency: "month_top_donator_currency_symbol"
+  },
+  "tip-monthly-top-donator": {
+    name: "month_top_donator",
+    username: "month_top_donator",
+    amount: "month_top_donator_amount",
+    count: "month_top_donator_amount",
+    currency: "month_top_donator_currency_symbol"
+  },
+  "tip-alltime-top-donation": {
+    name: "top_donator",
+    username: "top_donator",
+    amount: "top_donator_amount",
+    count: "top_donator_amount",
+    currency: "top_donator_currency_symbol"
+  },
+  "tip-alltime-top-donator": {
+    name: "top_donator",
+    username: "top_donator",
+    amount: "top_donator_amount",
+    count: "top_donator_amount",
+    currency: "top_donator_currency_symbol"
+  },
   // Botcounter — SE uses `{wins}` for the running chat count; the dispatcher's
   // fallbackVar for `se-widget-botcounter` is `twitch_session_chat_count`, so
   // when the listener arg lands as that var name we treat it as the wins source.
-  twitch_session_chat_count: { wins: "twitch_session_chat_count", count: "twitch_session_chat_count", amount: "twitch_session_chat_count" },
+  twitch_session_chat_count: {
+    wins: "twitch_session_chat_count",
+    count: "twitch_session_chat_count",
+    amount: "twitch_session_chat_count"
+  },
   // Merch readouts — SE used to ship via their own shop, now most users route
   // through Fourthwall. Lumia exposes `fourthwall_last_order` as a full object:
   // { username, email, friendlyId, amount, currency, message, items,
@@ -3251,45 +3461,151 @@ var TWITCH_CONTEXTS = {
   }
 };
 var KICK_CONTEXTS = {
-  "follower-latest": { name: "kick_last_follower", username: "kick_last_follower" },
-  "subscriber-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
-  "subscriber-new-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
-  "subscriber-resub-latest": { name: "kick_last_subscriber", username: "kick_last_subscriber" },
+  "follower-latest": {
+    name: "kick_last_follower",
+    username: "kick_last_follower"
+  },
+  "subscriber-latest": {
+    name: "kick_last_subscriber",
+    username: "kick_last_subscriber"
+  },
+  "subscriber-new-latest": {
+    name: "kick_last_subscriber",
+    username: "kick_last_subscriber"
+  },
+  "subscriber-resub-latest": {
+    name: "kick_last_subscriber",
+    username: "kick_last_subscriber"
+  },
   // Mirror the Twitch split: `{sender}` = giver, `{name}` = recipient.
   // `kick_last_gifted` was added alongside this mapping; see twitch context
   // above for the rationale (without the split, SE's "{sender} gifted to
   // {name}" renders the gifter on both sides).
-  "subscriber-gifted-latest": { name: "kick_last_gifted", username: "kick_last_gifted", sender: "kick_last_gifter", amount: "kick_last_gifter_amount", count: "kick_last_gifter_amount" },
-  "cheer-latest": { name: "kick_last_kicks", username: "kick_last_kicks", amount: "kick_last_kicks_amount", count: "kick_last_kicks_amount" },
-  "raid-latest": { name: "kick_last_host", username: "kick_last_host", amount: "kick_last_host_amount", count: "kick_last_host_amount" },
-  "follower-session": { amount: "kick_session_follower_count", count: "kick_session_follower_count" },
-  "subscriber-session": { amount: "kick_session_subscriber_count", count: "kick_session_subscriber_count" },
-  "cheer-session": { amount: "kick_session_kicks_count", count: "kick_session_kicks_count" },
-  "subscriber-gifted-session": { amount: "kick_session_gifts_count", count: "kick_session_gifts_count" },
-  "follower-total": { amount: "kick_total_follower_count", count: "kick_total_follower_count" },
-  "subscriber-total": { amount: "kick_total_subscriber_count", count: "kick_total_subscriber_count" },
-  "cheer-total": { amount: "kick_total_kicks_count", count: "kick_total_kicks_count" },
-  "follower-week": { amount: "kick_week_follower_count", count: "kick_week_follower_count" },
-  "follower-month": { amount: "kick_month_follower_count", count: "kick_month_follower_count" },
-  "subscriber-week": { amount: "kick_week_subscriber_count", count: "kick_week_subscriber_count" },
-  "subscriber-month": { amount: "kick_month_subscriber_count", count: "kick_month_subscriber_count" }
+  "subscriber-gifted-latest": {
+    name: "kick_last_gifted",
+    username: "kick_last_gifted",
+    sender: "kick_last_gifter",
+    amount: "kick_last_gifter_amount",
+    count: "kick_last_gifter_amount"
+  },
+  "cheer-latest": {
+    name: "kick_last_kicks",
+    username: "kick_last_kicks",
+    amount: "kick_last_kicks_amount",
+    count: "kick_last_kicks_amount"
+  },
+  "raid-latest": {
+    name: "kick_last_host",
+    username: "kick_last_host",
+    amount: "kick_last_host_amount",
+    count: "kick_last_host_amount"
+  },
+  "follower-session": {
+    amount: "kick_session_follower_count",
+    count: "kick_session_follower_count"
+  },
+  "subscriber-session": {
+    amount: "kick_session_subscriber_count",
+    count: "kick_session_subscriber_count"
+  },
+  "cheer-session": {
+    amount: "kick_session_kicks_count",
+    count: "kick_session_kicks_count"
+  },
+  "subscriber-gifted-session": {
+    amount: "kick_session_gifts_count",
+    count: "kick_session_gifts_count"
+  },
+  "follower-total": {
+    amount: "kick_total_follower_count",
+    count: "kick_total_follower_count"
+  },
+  "subscriber-total": {
+    amount: "kick_total_subscriber_count",
+    count: "kick_total_subscriber_count"
+  },
+  "cheer-total": {
+    amount: "kick_total_kicks_count",
+    count: "kick_total_kicks_count"
+  },
+  "follower-week": {
+    amount: "kick_week_follower_count",
+    count: "kick_week_follower_count"
+  },
+  "follower-month": {
+    amount: "kick_month_follower_count",
+    count: "kick_month_follower_count"
+  },
+  "subscriber-week": {
+    amount: "kick_week_subscriber_count",
+    count: "kick_week_subscriber_count"
+  },
+  "subscriber-month": {
+    amount: "kick_month_subscriber_count",
+    count: "kick_month_subscriber_count"
+  }
 };
 var YOUTUBE_CONTEXTS = {
-  "follower-latest": { name: "youtube_last_subscriber", username: "youtube_last_subscriber" },
-  "subscriber-latest": { name: "youtube_last_member", username: "youtube_last_member" },
-  "subscriber-new-latest": { name: "youtube_last_member", username: "youtube_last_member" },
-  "subscriber-resub-latest": { name: "youtube_last_member", username: "youtube_last_member" },
-  "subscriber-gifted-latest": { name: "youtube_last_gift_member", username: "youtube_last_gift_member" },
-  "cheer-latest": { name: "youtube_last_superchatter", username: "youtube_last_superchatter" },
-  "follower-session": { amount: "youtube_session_subscriber_count", count: "youtube_session_subscriber_count" },
-  "subscriber-session": { amount: "youtube_session_member_count", count: "youtube_session_member_count" },
-  "cheer-session": { amount: "youtube_session_superchat_count", count: "youtube_session_superchat_count" },
-  "follower-total": { amount: "youtube_total_subscriber_count", count: "youtube_total_subscriber_count" },
-  "subscriber-total": { amount: "youtube_total_member_count", count: "youtube_total_member_count" },
-  "follower-week": { amount: "youtube_week_subscriber_count", count: "youtube_week_subscriber_count" },
-  "follower-month": { amount: "youtube_month_subscriber_count", count: "youtube_month_subscriber_count" },
-  "subscriber-week": { amount: "youtube_week_member_count", count: "youtube_week_member_count" },
-  "subscriber-month": { amount: "youtube_month_member_count", count: "youtube_month_member_count" }
+  "follower-latest": {
+    name: "youtube_last_subscriber",
+    username: "youtube_last_subscriber"
+  },
+  "subscriber-latest": {
+    name: "youtube_last_member",
+    username: "youtube_last_member"
+  },
+  "subscriber-new-latest": {
+    name: "youtube_last_member",
+    username: "youtube_last_member"
+  },
+  "subscriber-resub-latest": {
+    name: "youtube_last_member",
+    username: "youtube_last_member"
+  },
+  "subscriber-gifted-latest": {
+    name: "youtube_last_gift_member",
+    username: "youtube_last_gift_member"
+  },
+  "cheer-latest": {
+    name: "youtube_last_superchatter",
+    username: "youtube_last_superchatter"
+  },
+  "follower-session": {
+    amount: "youtube_session_subscriber_count",
+    count: "youtube_session_subscriber_count"
+  },
+  "subscriber-session": {
+    amount: "youtube_session_member_count",
+    count: "youtube_session_member_count"
+  },
+  "cheer-session": {
+    amount: "youtube_session_superchat_count",
+    count: "youtube_session_superchat_count"
+  },
+  "follower-total": {
+    amount: "youtube_total_subscriber_count",
+    count: "youtube_total_subscriber_count"
+  },
+  "subscriber-total": {
+    amount: "youtube_total_member_count",
+    count: "youtube_total_member_count"
+  },
+  "follower-week": {
+    amount: "youtube_week_subscriber_count",
+    count: "youtube_week_subscriber_count"
+  },
+  "follower-month": {
+    amount: "youtube_month_subscriber_count",
+    count: "youtube_month_subscriber_count"
+  },
+  "subscriber-week": {
+    amount: "youtube_week_member_count",
+    count: "youtube_week_member_count"
+  },
+  "subscriber-month": {
+    amount: "youtube_month_member_count",
+    count: "youtube_month_member_count"
+  }
 };
 var RECENT_TO_LATEST_LISTENER = {
   "follower-recent": "follower-latest",
@@ -3341,11 +3657,14 @@ function translateSeText(input, listener, passthrough, provider, options) {
   if (!input) return "";
   const ctx = listener ? listenerPlaceholderContext(listener, provider) : {};
   const useAlertFallback = (options?.context ?? "alert") === "alert";
-  return input.replace(/\{([a-zA-Z][a-zA-Z0-9_.]*)\}/g, (_match, raw) => {
-    if (passthrough?.has(raw)) return `{{${raw}}}`;
-    const mapped = ctx[raw] ?? (useAlertFallback ? SE_TO_LUMIA_PLACEHOLDER[raw] : void 0) ?? raw;
-    return `{{${mapped}}}`;
-  });
+  return input.replace(
+    /\{([a-zA-Z][a-zA-Z0-9_.]*)\}/g,
+    (_match, raw) => {
+      if (passthrough?.has(raw)) return `{{${raw}}}`;
+      const mapped = ctx[raw] ?? (useAlertFallback ? SE_TO_LUMIA_PLACEHOLDER[raw] : void 0) ?? raw;
+      return `{{${mapped}}}`;
+    }
+  );
 }
 var KICK_LISTENER_VARS = {
   "follower-latest": "kick_last_follower",
@@ -3388,8 +3707,10 @@ var YOUTUBE_LISTENER_VARS = {
 function listenerToLumiaVariable(listener, provider = "twitch") {
   if (typeof listener !== "string" || !listener) return "username";
   const resolvedListener = RECENT_TO_LATEST_LISTENER[listener] ?? listener;
-  if (provider === "kick" && KICK_LISTENER_VARS[resolvedListener]) return KICK_LISTENER_VARS[resolvedListener];
-  if (provider === "youtube" && YOUTUBE_LISTENER_VARS[resolvedListener]) return YOUTUBE_LISTENER_VARS[resolvedListener];
+  if (provider === "kick" && KICK_LISTENER_VARS[resolvedListener])
+    return KICK_LISTENER_VARS[resolvedListener];
+  if (provider === "youtube" && YOUTUBE_LISTENER_VARS[resolvedListener])
+    return YOUTUBE_LISTENER_VARS[resolvedListener];
   const m = {
     // Latest events
     "follower-latest": "twitch_last_follower",
@@ -3482,7 +3803,9 @@ function seCssToBounds(css, defaults = { width: 600, height: 200 }, canvas) {
   let x = toPx(css.left, 0, "width");
   let y = toPx(css.top, 0, "height");
   if (typeof css.transform === "string" && css.transform.includes("translate")) {
-    const m = /translate\s*\(\s*([^,)]+)\s*(?:,\s*([^)]+))?\s*\)/i.exec(css.transform);
+    const m = /translate\s*\(\s*([^,)]+)\s*(?:,\s*([^)]+))?\s*\)/i.exec(
+      css.transform
+    );
     if (m) {
       const parseShift = (raw, basis) => {
         if (!raw) return 0;
@@ -3552,21 +3875,33 @@ var LUMIA_DEFAULT_SIZES = {
 };
 function translateVariationCondition(seType, seCondition, requirement, seEventType) {
   if (seType === "gift") return { conditionType: "IS_GIFT", condition: 1 };
-  if (seType === "communityGift") return { conditionType: "GIFT_SUB_GREATER", condition: requirement ?? 0 };
+  if (seType === "communityGift")
+    return { conditionType: "GIFT_SUB_GREATER", condition: requirement ?? 0 };
   const isSubscriberEvent = seEventType === "subscriber";
   if (isSubscriberEvent && seCondition === "ATLEAST" && requirement != null) {
-    return { conditionType: "SUBSCRIBED_MONTHS_GREATER", condition: requirement };
+    return {
+      conditionType: "SUBSCRIBED_MONTHS_GREATER",
+      condition: requirement
+    };
   }
   if (isSubscriberEvent && seCondition === "EXACT" && requirement != null) {
     return { conditionType: "SUBSCRIBED_MONTHS_EQUAL", condition: requirement };
   }
-  if (seCondition === "EXACT" && requirement != null) return { conditionType: "EQUAL_NUMBER", condition: requirement };
+  if (seCondition === "EXACT" && requirement != null)
+    return { conditionType: "EQUAL_NUMBER", condition: requirement };
   if (seCondition === "ATLEAST" && requirement != null) {
     return { conditionType: "GREATER_NUMBER", condition: requirement };
   }
   return { conditionType: "RANDOM", condition: 100 };
 }
-var LUMIA_LAYOUTS = /* @__PURE__ */ new Set(["column", "row", "onlyImage", "onlyText", "imageOver", "textOver"]);
+var LUMIA_LAYOUTS = /* @__PURE__ */ new Set([
+  "column",
+  "row",
+  "onlyImage",
+  "onlyText",
+  "imageOver",
+  "textOver"
+]);
 var SE_LAYOUT_ALIASES = {
   behind: "textOver"
 };
@@ -3592,16 +3927,39 @@ function mapSeTextCssToModuleCss(widget, defaults = {}) {
     if (typeof v === "string" && v.length > 0) return v;
     return fallback;
   };
-  return {
-    lineHeight: asNumOrStr(seTextCss["line-height"], defaults.lineHeight ?? 1),
+  const out = {
+    lineHeight: asNumOrStr(
+      seTextCss["line-height"],
+      defaults.lineHeight ?? "normal"
+    ),
     fontSize: asNumOrStr(seTextCss["font-size"], defaults.fontSize ?? 24),
     textAlign: asStr(seTextCss["text-align"], defaults.textAlign ?? "center"),
-    fontFamily: asStr(seTextCss["font-family"], defaults.fontFamily ?? "Roboto"),
+    fontFamily: asStr(
+      seTextCss["font-family"],
+      defaults.fontFamily ?? "Roboto"
+    ),
     fontWeight: asStr(seTextCss["font-weight"], defaults.fontWeight ?? "bold"),
+    fontStyle: asStr(seTextCss["font-style"], defaults.fontStyle ?? "normal"),
+    textTransform: asStr(
+      seTextCss["text-transform"],
+      defaults.textTransform ?? "none"
+    ),
     color: asStr(seTextCss.color, defaults.color ?? "#ffffff"),
-    textShadow: asStr(seTextCss["text-shadow"], defaults.textShadow ?? "rgb(0, 0, 0) 1px 1px 1px"),
+    textShadow: asStr(
+      seTextCss["text-shadow"],
+      defaults.textShadow ?? "rgb(0, 0, 0) 1px 1px 1px"
+    ),
     background: defaults.background ?? "transparent"
   };
+  const ls = seTextCss["letter-spacing"];
+  if (typeof ls === "number" || typeof ls === "string" && ls.length > 0) out.letterSpacing = ls;
+  const ws = seTextCss["word-spacing"];
+  if (typeof ws === "number" || typeof ws === "string" && ws.length > 0) out.wordSpacing = ws;
+  const sw = seTextCss["-webkit-text-stroke-width"];
+  if (typeof sw === "number" || typeof sw === "string" && sw.length > 0) out.WebkitTextStrokeWidth = sw;
+  const sc = seTextCss["-webkit-text-stroke-color"];
+  if (typeof sc === "string" && sc.length > 0) out.WebkitTextStrokeColor = sc;
+  return out;
 }
 var READOUT_AUTO_FALLBACK_SIZE = { width: 400, height: 50 };
 function buildUnit(widget, lumiaType, moduleExtras, ctx, sizeOverride) {
@@ -3648,10 +4006,18 @@ function buildUnit(widget, lumiaType, moduleExtras, ctx, sizeOverride) {
 // src/se-import/mappers/basic.ts
 function seExtraTextCss(seCss, scrolling) {
   const extra = {};
-  if (typeof seCss["text-decoration"] === "string") extra.textDecoration = seCss["text-decoration"];
-  if (typeof seCss["text-transform"] === "string") extra.textTransform = seCss["text-transform"];
-  if (seCss["-webkit-text-stroke-color"]) extra["-webkit-text-stroke-color"] = seCss["-webkit-text-stroke-color"];
-  if (seCss["-webkit-text-stroke-width"] != null) extra["-webkit-text-stroke-width"] = seCss["-webkit-text-stroke-width"];
+  if (typeof seCss["text-decoration"] === "string")
+    extra.textDecoration = seCss["text-decoration"];
+  if (typeof seCss["text-transform"] === "string")
+    extra.textTransform = seCss["text-transform"];
+  if (typeof seCss["font-style"] === "string")
+    extra.fontStyle = seCss["font-style"];
+  if (seCss["-webkit-text-stroke-color"])
+    extra.WebkitTextStrokeColor = seCss["-webkit-text-stroke-color"];
+  if (seCss["-webkit-text-stroke-width"] != null)
+    extra.WebkitTextStrokeWidth = seCss["-webkit-text-stroke-width"];
+  if (seCss["letter-spacing"] != null) extra.letterSpacing = seCss["letter-spacing"];
+  if (seCss["word-spacing"] != null) extra.wordSpacing = seCss["word-spacing"];
   if (scrolling?.enabled) {
     extra.scroll = true;
     const speed = Number(scrolling.speed);
@@ -3660,54 +4026,82 @@ function seExtraTextCss(seCss, scrolling) {
   return extra;
 }
 function mapText(widget, ctx) {
-  const value = translateSeText(widget.text?.value ?? "", null, void 0, ctx?.provider, { context: "static" });
+  const value = translateSeText(
+    widget.text?.value ?? "",
+    null,
+    void 0,
+    ctx?.provider,
+    { context: "static" }
+  );
   const seCss = widget.text?.css ?? {};
-  return buildUnit(widget, "text", {
-    content: {
-      value,
-      highlightColor: "inherit"
+  return buildUnit(
+    widget,
+    "text",
+    {
+      content: {
+        value,
+        highlightColor: "inherit"
+      },
+      css: {
+        fontSize: seCss["font-size"] ?? 24,
+        textAlign: seCss["text-align"] ?? "center",
+        fontFamily: seCss["font-family"] ?? "Roboto",
+        fontWeight: seCss["font-weight"] ?? "bold",
+        color: seCss["color"] ?? "#ffffff",
+        textShadow: seCss["text-shadow"] ?? "rgb(0, 0, 0) 1px 1px 1px",
+        lineHeight: seCss["line-height"] ?? "normal",
+        background: "transparent",
+        ...seExtraTextCss(seCss, widget.text?.scrolling)
+      }
     },
-    css: {
-      fontSize: seCss["font-size"] ?? 24,
-      textAlign: seCss["text-align"] ?? "center",
-      fontFamily: seCss["font-family"] ?? "Roboto",
-      fontWeight: seCss["font-weight"] ?? "bold",
-      color: seCss["color"] ?? "#ffffff",
-      textShadow: seCss["text-shadow"] ?? "rgb(0, 0, 0) 1px 1px 1px",
-      lineHeight: seCss["line-height"] ?? 1,
-      background: "transparent",
-      ...seExtraTextCss(seCss, widget.text?.scrolling)
-    }
-  }, ctx);
+    ctx
+  );
 }
 function mapImage(widget, ctx) {
-  return buildUnit(widget, "image", {
-    content: {
-      src: widget.image?.src ?? "",
-      loop: true
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "image",
+    {
+      content: {
+        src: widget.image?.src ?? "",
+        loop: true
+      }
+    },
+    ctx
+  );
 }
 function mapVideo(widget, ctx) {
-  return buildUnit(widget, "video", {
-    content: {
-      src: widget.video?.src ?? "",
-      volume: widget.video?.volume ?? 0.5,
-      loop: true,
-      muted: false
-    }
-  }, ctx);
+  const unit = buildUnit(
+    widget,
+    "video",
+    {
+      content: {
+        src: widget.video?.src ?? "",
+        volume: widget.video?.volume ?? 0.5,
+        loop: true,
+        muted: false
+      }
+    },
+    ctx
+  );
+  unit.layer.bounds.autoHeight = true;
+  return unit;
 }
 var LUMIA_SNOW_WEBM = "https://storage.lumiastream.com/overlays/global/seasonal/snow.webm";
 function mapSnow(widget, ctx) {
-  return buildUnit(widget, "video", {
-    content: {
-      src: LUMIA_SNOW_WEBM,
-      volume: 0,
-      loop: true,
-      muted: true
-    }
-  }, ctx);
+  return buildUnit(
+    widget,
+    "video",
+    {
+      content: {
+        src: LUMIA_SNOW_WEBM,
+        volume: 0,
+        loop: true,
+        muted: true
+      }
+    },
+    ctx
+  );
 }
 function mapReadout(widget, fallbackVar, ctx) {
   const explicitListener = widget.variables?.listener;
@@ -3717,7 +4111,9 @@ function mapReadout(widget, fallbackVar, ctx) {
   const variable = listenerToLumiaVariable(listener, ctx?.provider);
   const userTemplate = widget.text?.value ?? "";
   const inheritsText = userTemplate.trim().length > 0 && /\{[a-zA-Z]/.test(userTemplate);
-  const value = inheritsText ? translateSeText(userTemplate, listener, void 0, ctx?.provider, { context: "static" }) : `{{${variable}}}`;
+  const value = inheritsText ? translateSeText(userTemplate, listener, void 0, ctx?.provider, {
+    context: "static"
+  }) : `{{${variable}}}`;
   const seCss = widget.text?.css ?? {};
   return buildUnit(
     widget,
@@ -3731,7 +4127,7 @@ function mapReadout(widget, fallbackVar, ctx) {
         fontWeight: seCss["font-weight"] ?? "bold",
         color: seCss["color"] ?? "#ffffff",
         textShadow: seCss["text-shadow"] ?? "rgb(0, 0, 0) 1px 1px 1px",
-        lineHeight: seCss["line-height"] ?? 1,
+        lineHeight: seCss["line-height"] ?? "normal",
         background: "transparent",
         ...seExtraTextCss(seCss, widget.text?.scrolling)
       }
@@ -4602,15 +4998,13 @@ function computeAllowedEventsFromSEListeners(seListeners, explicitListener) {
   });
   return allowedAlerts;
 }
-function seScrollSpeedToMarqueeDurationSec(seSpeed) {
-  const n = typeof seSpeed === "number" && Number.isFinite(seSpeed) ? seSpeed : 6;
-  const clamped = Math.min(20, Math.max(1, n));
-  const duration = 60 / clamped;
-  return Math.min(120, Math.max(5, Math.round(duration * 10) / 10));
+var LUMIA_DEFAULT_MARQUEE_PIXELS_PER_SECOND = 20;
+function seScrollSpeedToPixelsPerSecond(_seSpeed) {
+  return LUMIA_DEFAULT_MARQUEE_PIXELS_PER_SECOND;
 }
 function seTemplateToMarqueeTemplate(seTemplate) {
   if (typeof seTemplate !== "string" || !seTemplate.trim()) return void 0;
-  return seTemplate.split("{name}").join("{username}").split("{username}").join("{username}");
+  return translateSeText(seTemplate);
 }
 function mapEventList(widget, ctx) {
   const v = widget.variables ?? {};
@@ -4623,7 +5017,7 @@ function mapEventList(widget, ctx) {
   const scrolling = seText?.scrolling;
   const isMarquee = !!(scrolling && scrolling.enabled === true);
   const itemTemplate = isMarquee ? seTemplateToMarqueeTemplate(seText?.value) : void 0;
-  const marqueeSpeed = isMarquee ? seScrollSpeedToMarqueeDurationSec(scrolling?.speed) : void 0;
+  const marqueeSpeed = isMarquee ? seScrollSpeedToPixelsPerSecond(scrolling?.speed) : void 0;
   const marqueeDirection = isMarquee ? scrolling?.direction === "right" ? "right" : "left" : void 0;
   const theme = isMarquee ? "marquee" : v.theme ?? "simple";
   return buildUnit(
@@ -5058,6 +5452,47 @@ function mapTimer(widget, ctx) {
 function mapNowPlaying(widget, ctx) {
   const v = widget.variables ?? {};
   const source = v.provider === "youtube" ? "youtubemusic" : "spotify";
+  const isMarquee = !!v.simpleDesign;
+  const text = widget.text ?? {};
+  const scrolling = text.scrolling ?? {};
+  const seTextCss = text.css ?? {};
+  const seTemplate = typeof text.value === "string" && text.value.trim().length > 0 ? text.value : "";
+  const itemTemplate = seTemplate ? seTemplate.replace(/\{title\}/gi, "{{songTitle}}").replace(/\{artist\}/gi, "{{songArtist}}") : "{{songTitle}} - {{songArtist}}";
+  const marqueeSpeed = 20;
+  const marqueeDirection = scrolling.direction === "right" ? "right" : "left";
+  const wantsShadow = text.enableShadow !== false;
+  const importedCss = {
+    borderRadius: "0px",
+    borderStyle: "solid",
+    borderWidth: "0px",
+    borderColor: "transparent",
+    fontSize: seTextCss["font-size"] ?? 24,
+    textAlign: seTextCss["text-align"] ?? "left",
+    fontFamily: seTextCss["font-family"] ?? "Be Vietnam Pro",
+    fontWeight: seTextCss["font-weight"] ?? "bold",
+    color: seTextCss["color"] ?? "#ffffff",
+    textShadow: wantsShadow ? seTextCss["text-shadow"] ?? "rgb(0, 0, 0) 1px 1px 1px" : "none",
+    // `normal` (not `1`) when SE didn't specify — see the same fix in
+    // `build.ts::mapSeTextCssToModuleCss` and `basic.ts::mapText` for the
+    // rationale. This path is the now-playing / current-song mapper, which
+    // is the one the user noticed had a too-tight line-height in the
+    // marquee render.
+    lineHeight: seTextCss["line-height"] ?? "normal",
+    background: "transparent"
+  };
+  if (typeof seTextCss["text-transform"] === "string")
+    importedCss.textTransform = seTextCss["text-transform"];
+  if (typeof seTextCss["font-style"] === "string")
+    importedCss.fontStyle = seTextCss["font-style"];
+  if (typeof seTextCss["text-decoration"] === "string")
+    importedCss.textDecoration = seTextCss["text-decoration"];
+  if (typeof seTextCss["letter-spacing"] === "string" || typeof seTextCss["letter-spacing"] === "number") {
+    importedCss.letterSpacing = seTextCss["letter-spacing"];
+  }
+  if (seTextCss["-webkit-text-stroke-color"])
+    importedCss["-webkit-text-stroke-color"] = seTextCss["-webkit-text-stroke-color"];
+  if (seTextCss["-webkit-text-stroke-width"] != null)
+    importedCss["-webkit-text-stroke-width"] = seTextCss["-webkit-text-stroke-width"];
   return buildUnit(
     widget,
     "nowplaying",
@@ -5066,7 +5501,7 @@ function mapNowPlaying(widget, ctx) {
         version: 1,
         type: "nowplaying",
         source,
-        theme: "basic",
+        theme: isMarquee ? "marquee" : "basic",
         borderRadius: "30px",
         songTitle: `{{${source}_now_playing_song=Lumia Dream}}`,
         songArtist: `{{${source}_now_playing_artist}}`,
@@ -5074,20 +5509,14 @@ function mapNowPlaying(widget, ctx) {
         showImg: true,
         oneLineTitle: false,
         highlightColor: "inherit",
+        ...isMarquee ? {
+          marqueeSpeed,
+          marqueeDirection,
+          themeConfig: { itemTemplate }
+        } : {},
         importMeta: buildImportMeta(widget, { simpleDesign: !!v.simpleDesign })
       },
-      css: {
-        borderRadius: "0px",
-        borderStyle: "solid",
-        borderWidth: "0px",
-        borderColor: "transparent",
-        lineHeight: 1,
-        textAlign: "left",
-        fontFamily: "Be Vietnam Pro",
-        color: "#ffffff",
-        textShadow: "rgb(0, 0, 0) 1px 1px 1px",
-        background: "transparent"
-      }
+      css: importedCss
     },
     ctx
   );
@@ -5506,6 +5935,22 @@ function mapEmoteWall(widget, ctx) {
   );
 }
 function mapUnsupportedAsText(widget, ctx) {
+  const userTemplate = typeof widget.text?.value === "string" ? widget.text.value.trim() : "";
+  const inheritsText = userTemplate.length > 0 && /\{[a-zA-Z]/.test(userTemplate);
+  if (inheritsText) {
+    return buildUnit(
+      widget,
+      "text",
+      {
+        css: mapSeTextCssToModuleCss(widget, { fontSize: 24 }),
+        content: {
+          value: translateSeText(userTemplate),
+          highlightColor: "inherit"
+        }
+      },
+      ctx
+    );
+  }
   return buildUnit(
     widget,
     "text",