sveltekit-ui 1.1.74 → 1.1.76

package/dist/Components/TimeInput/index.js

@@ -232,6 +232,24 @@ export function period_full_parts_to_full(input, from_period_iso_8601, from_tota
   return period_full
 }
 
+function get_valid_timezone(input) {
+  const fallback_timezone = Intl.DateTimeFormat().resolvedOptions().timeZone
+  if (typeof input !== "string" || !input.trim()) return fallback_timezone
+  try {
+    new Intl.DateTimeFormat("en-US", { timeZone: input }).format()
+    return input
+  } catch {
+    return fallback_timezone
+  }
+}
+
+function get_date_from_datetime_input(value, format) {
+  if (typeof value !== "string" || !value.trim()) return null
+  const normalized_value = format === "datetime_zoned" ? value.replace(/\[[^\]]+\]$/, "") : value
+  const date = new Date(normalized_value)
+  return Number.isNaN(date.getTime()) ? null : date
+}
+
 export function get_time_full_from_object(val_loc) {
   let time_full = {
     epoch: null,
@@ -245,10 +263,7 @@ export function get_time_full_from_object(val_loc) {
     hour: null,
     minute: null,
     second: null,
-    timezone:
-      val_loc?.timezone && common_timezones.some((h) => h?.text == val_loc?.timezone)
-        ? val_loc?.timezone
-        : Intl.DateTimeFormat().resolvedOptions().timeZone,
+    timezone: get_valid_timezone(val_loc?.timezone),
     datetime: null,
     datetime_zoned: null,
     datetime_utc: null,
@@ -259,8 +274,12 @@ export function get_time_full_from_object(val_loc) {
   }
   let date = null
   let date_from_epoch = Number.isInteger(val_loc?.epoch) ? new Date(val_loc?.epoch * 1000) : null
+  const datetime_value = val_loc?.datetime ?? val_loc?.datetime_utc ?? val_loc?.datetime_zoned
+  const date_from_datetime = get_date_from_datetime_input(datetime_value, val_loc?.format)
   if (val_loc?.format == "epoch" && date_from_epoch) {
     date = date_from_epoch
+  } else if (["datetime", "datetime_utc", "datetime_zoned"].includes(val_loc?.format) && date_from_datetime) {
+    date = date_from_datetime
   } else {
     date = new Date(0)
     for (let granularity of granularities) {
@@ -292,7 +311,7 @@ export function get_time_full_from_object(val_loc) {
           date.setHours(date_from_epoch.getHours())
         }
       } else if (granularity == "minute") {
-        if (Number.isInteger(val_loc?.minute) && val_loc?.minute > -1 && val_loc?.minute < 61) {
+        if (Number.isInteger(val_loc?.minute) && val_loc?.minute > -1 && val_loc?.minute < 60) {
           date.setMinutes(val_loc?.minute > -1 ? val_loc.minute : 0)
         } else if (date_from_epoch) {
           date.setMinutes(date_from_epoch.getMinutes())
@@ -419,18 +438,19 @@ export function get_time_full_from_object(val_loc) {
       const second = time_full.second !== null ? String(time_full.second).padStart(2, "0") : "00"
       const full_datetime = `${year}-${month}-${day_of_month}T${hour}:${minute}:${second}`
       time_full.datetime_utc = `${full_datetime}Z`
-      const date = new Date()
       const formatter = new Intl.DateTimeFormat("en-US", {
         timeZone: time_full?.timezone,
         timeZoneName: "shortOffset",
         hour12: false,
       })
       const parts = formatter.formatToParts(date)
-      let offset_string = parts.find((part) => part.type === "timeZoneName").value
-      offset_string = offset_string.replace(/GMT([+-]?)(\d{1,2})/, (match, sign, hours) => {
-        const padded_hours = hours.padStart(2, "0")
-        return `${sign}${padded_hours}:00`
-      })
+      let offset_string = parts.find((part) => part.type === "timeZoneName")?.value ?? "GMT+0"
+      offset_string = ["GMT", "UTC"].includes(offset_string)
+        ? "+00:00"
+        : offset_string.replace(/GMT([+-]?)(\d{1,2})/, (match, sign, hours) => {
+            const padded_hours = hours.padStart(2, "0")
+            return `${sign || "+"}${padded_hours}:00`
+          })
       time_full.datetime_zoned = `${full_datetime}${offset_string}[${time_full.timezone}]`
       // tbd if we are handling epoch diff for set timezones
     }
@@ -517,15 +537,18 @@ export function get_time_object_from_val(input, format, granularity, timezone) {
     })
   } else if (format == "datetime") {
     return get_time_full_from_object({
+      is_null: input == null,
       datetime: input,
       granularity: granularity,
       format: format,
     })
   } else if (format == "datetime_utc") {
     return get_time_full_from_object({
+      is_null: input == null,
       datetime_utc: input,
       granularity: granularity,
       format: format,
+      timezone: "UTC",
     })
   } else if (format == "datetime_zoned") {
     let timezone = null
@@ -537,11 +560,12 @@ export function get_time_object_from_val(input, format, granularity, timezone) {
         const offset_match = input.match(/([+-]\d{2}:\d{2})/)
         if (offset_match) {
           const offset = offset_match[1]
-          timezone = common_timezones.find((h) => h?.offset == offset) || null
+          timezone = common_timezones.find((h) => h?.offset == offset)?.text ?? null
         }
       }
     }
     return get_time_full_from_object({
+      is_null: input == null,
       datetime_zoned: input,
       granularity: granularity,
       format: format,

package/dist/Components/TimeInput/index.svelte

@@ -17,6 +17,8 @@
       type="number"
       min={-10000}
       max={3000}
+      aria-label="Year"
+      disabled={manager?.is_disabled}
       oninput={(e) => manager?.set_year(parseInt(e.target.value))}
       value={manager?.year}
     />
@@ -40,8 +42,8 @@
             <Button manager={manager?.right_month_button_manager} />
           </div>
           <div class="days_of_week" class:is_disabled={manager?.is_disabled}>
-            {#each ["S", "M", "T", "W", "T", "F", "S"] as day_of_week}
-              <div>{day_of_week}</div>
+            {#each ["S", "M", "T", "W", "T", "F", "S"] as day_of_week, i}
+              <div aria-label={manager?.days_of_week_names?.[i]}>{day_of_week}</div>
             {/each}
           </div>
           {#if Array.isArray(manager?.day_of_month_button_managers) && manager?.day_of_month_button_managers.length > 0}
@@ -114,7 +116,7 @@
       {#if manager?.format == "period_iso_8601" && manager?.val}
         <p>{manager?.val}</p>
       {:else if manager?.format == "period_total_seconds"}
-        <p>{manager?.val}seconds</p>
+        <p>{manager?.val} seconds</p>
       {/if}
     {/if}
     <div style="display: grid; grid-template-columns: 1fr 1fr; margin-top: 1rem; gap: 1rem;">
@@ -123,7 +125,9 @@
         <Button manager={manager?.set_to_now_button_manager} />
       {/if}
     </div>
-    <Dropdown manager={manager?.granularity_dropdown_manager?.val_dropdown_manager} />
+    {#if manager?.is_show_granularity_dropdown}
+      <Dropdown manager={manager?.granularity_dropdown_manager} />
+    {/if}
   </div>
 {/snippet}
 

package/dist/Components/TimeInput/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/TimeInput/manager.svelte.d.ts

@@ -0,0 +1,67 @@
+export function create_time_input_manager(config: any): {
+    id: string;
+    readonly val: any;
+    readonly label: any;
+    readonly format: any;
+    readonly picker_year: number;
+    readonly picker_month: number;
+    readonly is_pick_month_year: boolean;
+    readonly granularity_options: any;
+    readonly is_disabled: any;
+    readonly is_popover: any;
+    readonly is_null: boolean;
+    readonly year: null;
+    readonly day_of_month: null;
+    readonly day_of_week: null;
+    readonly day_of_year: null;
+    readonly week_of_year: null;
+    readonly datetime: null;
+    readonly is_show_granularity_dropdown: boolean;
+    readonly epoch_text_input_manager: null;
+    readonly picker_month_day_of_week: number;
+    readonly picker_days_in_month: number;
+    readonly boxes_in_picker: number;
+    readonly popover_manager: null;
+    readonly left_month_button_manager: null;
+    readonly right_month_button_manager: null;
+    readonly prempt_month_year_button_manager: null;
+    readonly year_minus_one_button_manager: null;
+    readonly year_plus_one_button_manager: null;
+    readonly year_minus_hundred_button_manager: null;
+    readonly year_plus_hundred_button_manager: null;
+    readonly back_to_calendar_button_manager: null;
+    readonly hour_number_toggler_manager: null;
+    readonly minute_number_toggler_manager: null;
+    readonly second_number_toggler_manager: null;
+    readonly period_days_number_toggler_manager: null;
+    readonly period_hours_number_toggler_manager: null;
+    readonly period_minutes_number_toggler_manager: null;
+    readonly period_seconds_number_toggler_manager: null;
+    readonly set_null_button_manager: null;
+    readonly set_to_now_button_manager: null;
+    readonly reset_timezone_button_manager: null;
+    readonly main_toggle_button_manager: null;
+    readonly finish_button_manager: null;
+    readonly timezone_dropdown_manager: null;
+    readonly granularity_dropdown_manager: null;
+    readonly month_dropdown_manager: null;
+    readonly day_of_month_button_managers: null;
+    readonly is_show_calendar: boolean;
+    month_names: string[];
+    days_of_week_names: string[];
+    granularities: string[];
+    set_val: (input: any) => void;
+    set_granularity: (input: any) => void;
+    set_timezone: (input: any) => void;
+    set_to_now: () => void;
+    set_year: (_year: any) => void;
+    set_month: (_month: any) => void;
+    set_day_of_month: (_year: any, _month: any, _day_of_month: any) => void;
+    set_hour: (_hour: any) => void;
+    set_minute: (_minute: any) => void;
+    set_second: (_second: any) => void;
+    set_picker_data: (_picker_year: any, _picker_month: any) => void;
+    handle_left_month: () => void;
+    handle_right_month: () => void;
+    finish: () => void;
+};

package/dist/Components/TimeInput/{index.svelte.js → manager.svelte.js}

@@ -1,8 +1,8 @@
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_number_toggler } from "./NumberToggler/index.svelte.js"
+import { create_popover_manager } from "../Popover/manager.svelte.js"
+import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_dropdown_manager } from "../Dropdown/manager.svelte.js"
+import { create_text_input_manager } from "../TextInput/manager.svelte.js"
+import { create_number_toggler } from "./NumberToggler/manager.svelte.js"
 import { create_unique_id, set_closurable } from "../../client/index.js"
 import {
   time_formats,
@@ -180,19 +180,29 @@ export function create_time_input_manager(config) {
     set_val(time_full)
     picker_year = new Date().getFullYear()
     picker_month = new Date().getMonth() + 1
+    set_day_of_month_button_managers()
   }
 
   function set_year(_year) {
-    console.log("set_year", _year)
-    year = parseInt(_year)
-    picker_year = parseInt(_year)
+    const next_year = parseInt(_year)
+    if (!Number.isInteger(next_year)) {
+      year = null
+      is_null = true
+      return
+    }
+    year = Math.max(-10000, Math.min(3000, next_year))
+    picker_year = year
     epoch_text_input_manager.set_val(null)
     is_null = false
+    set_day_of_month_button_managers()
   }
 
   function set_month(_month) {
-    picker_month = _month
-    month_dropdown_manager.set_val(_month)
+    const next_month = Number(_month)
+    if (!Number.isInteger(next_month) || next_month < 1 || next_month > 12) return
+    picker_month = next_month
+    month_dropdown_manager.set_val(next_month)
+    set_day_of_month_button_managers()
   }
 
   function set_day_of_month(_year, _month, _day_of_month) {
@@ -248,6 +258,7 @@ export function create_time_input_manager(config) {
     _picker_year = Math.max(-10000, Math.min(3000, _picker_year))
     picker_year = _picker_year
     picker_month = _picker_month
+    set_day_of_month_button_managers()
   }
 
   function handle_left_month() {
@@ -263,6 +274,7 @@ export function create_time_input_manager(config) {
       set_picker_data(picker_year, picker_month - 1)
     }
     is_null = false
+    set_day_of_month_button_managers()
   }
 
   function handle_right_month() {
@@ -278,6 +290,7 @@ export function create_time_input_manager(config) {
       set_picker_data(picker_year, picker_month + 1)
     }
     is_null = false
+    set_day_of_month_button_managers()
   }
 
   function finish() {
@@ -324,6 +337,7 @@ export function create_time_input_manager(config) {
       is_uniform: true,
       support_icon: "arrow",
       icon_deg: 270,
+      aria_label: "Previous month",
       is_disabled: () => is_disabled,
       on_click: () => handle_left_month(),
     })
@@ -332,6 +346,7 @@ export function create_time_input_manager(config) {
       is_uniform: true,
       support_icon: "arrow",
       icon_deg: 90,
+      aria_label: "Next month",
       is_disabled: () => is_disabled,
       on_click: () => handle_right_month(),
     })
@@ -428,6 +443,7 @@ export function create_time_input_manager(config) {
       type: "outlined",
       support_icon: "refresh",
       is_uniform: true,
+      aria_label: "Use local timezone",
       is_disabled: () => is_disabled,
       on_click: () => set_timezone(Intl.DateTimeFormat().resolvedOptions().timeZone),
     })
@@ -479,9 +495,6 @@ export function create_time_input_manager(config) {
     get label() {
       return label
     },
-    get is_wide_view() {
-      return is_wide_view
-    },
     get format() {
       return format
     },

package/dist/Components/Tooltip/index.svelte

@@ -80,8 +80,16 @@
 
 <svelte:window bind:innerWidth={screen_width} bind:innerHeight={screen_height} />
 
-<div id={`container_${id}`} class="container" class:is_disabled onpointerenter={() => handle_pointer_enter()}>
-  <div id={`toggle_${id}`}>
+<div id={`container_${id}`} class="container" class:is_disabled>
+  <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+  <div
+    id={`toggle_${id}`}
+    role="group"
+    tabindex={is_disabled ? undefined : 0}
+    aria-describedby={is_disabled ? undefined : `tooltip_${id}`}
+    onpointerenter={handle_pointer_enter}
+    onfocusin={handle_pointer_enter}
+  >
     {#if target_content}
       {@render target_content()}
     {/if}
@@ -89,11 +97,11 @@
   <div
     id={`tooltip_${id}`}
     class="tooltip"
+    role="tooltip"
     style="
       --modal_top_pos: {positions?.modal_top_pos}; 
       --modal_left_pos: {positions?.modal_left_pos};
       --target_width: {positions?.target_width}px;
-      --max_width: calc(100dvh - (2 * {positions?.edge_forgiveness}px));
       --target_height: {positions?.target_height}px;
       --max_width: {positions?.max_width};
       --max_height: {positions?.max_height};"
@@ -128,11 +136,11 @@
     background-color: oklch(var(--l23-t) var(--c1) var(--primary-h) / var(--o22));
     border: 3px solid oklch(var(--l3-t) var(--c2) var(--primary-h) / var(--o24));
     box-shadow: 0 0.2rem 2rem 0.5rem var(--shadow4-t);
-    overflow: scroll;
+    overflow: auto;
     z-index: 11;
   }
   .container:hover .tooltip,
-  .container:focus .tooltip,
+  .container:focus-within .tooltip,
   .container:active .tooltip {
     visibility: visible;
     opacity: 1;

package/dist/Components/Tooltip/index.svelte.d.ts

@@ -0,0 +1,15 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    tooltip_content: any;
+    target_content: any;
+    is_disabled?: boolean;
+}, {}, "">;
+type $$ComponentProps = {
+    tooltip_content: any;
+    target_content: any;
+    is_disabled?: boolean;
+};

package/dist/Components/TransparentBackground/index.svelte.d.ts

@@ -0,0 +1,17 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    min_square_width?: number;
+    max_square_width?: number;
+    min_squares_per_row?: number;
+    content: any;
+}, {}, "">;
+type $$ComponentProps = {
+    min_square_width?: number;
+    max_square_width?: number;
+    min_squares_per_row?: number;
+    content: any;
+};

package/dist/Components/TypingDots/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    color?: string;
+}, {}, "">;
+type $$ComponentProps = {
+    color?: string;
+};

package/dist/Components/VariablePathInput/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/VariablePathInput/manager.svelte.d.ts

@@ -0,0 +1,13 @@
+export function create_variable_path_input_manager(config: any): {
+    readonly val: any[];
+    readonly val_text: any;
+    readonly variable_data_type_at_path: null;
+    readonly levels_nested: null;
+    readonly popover_manager: null;
+    readonly open_edit_button_manager: null;
+    readonly def_dropdown_manager: null;
+    readonly add_path_item_button_manager: null;
+    readonly path_prepped: null;
+    readonly finish_button_manager: null;
+    close_popover: () => void;
+};

package/dist/Components/VariablePathInput/{index.svelte.js → manager.svelte.js}

@@ -1,7 +1,7 @@
-import { create_popover_manager } from "../Popover/index.svelte.js"
-import { create_button_manager } from "../Button/index.svelte.js"
-import { create_text_input_manager } from "../TextInput/index.svelte.js"
-import { create_dropdown_manager } from "../Dropdown/index.svelte.js"
+import { create_popover_manager } from "../Popover/manager.svelte.js"
+import { create_button_manager } from "../Button/manager.svelte.js"
+import { create_text_input_manager } from "../TextInput/manager.svelte.js"
+import { create_dropdown_manager } from "../Dropdown/manager.svelte.js"
 import { deep_copy } from "../../client/index.js"
 
 export function create_variable_path_input_manager(config) {
@@ -115,7 +115,7 @@ export function create_variable_path_input_manager(config) {
             ? variable_path_input_manager?.val
             : null
         )
-        let variable_data_type_at_next_path = $derived(
+        const get_variable_data_type_at_next_path = () =>
           type_dropdown_manager?.val == "string"
             ? variable_data_type_at_path?.properties?.[const_string_value_text_input_manager?.val]
             : type_dropdown_manager?.val == "number"
@@ -123,8 +123,8 @@ export function create_variable_path_input_manager(config) {
             : type_dropdown_manager?.val == "variable"
             ? variable_path_input_manager?.variable_data_type_at_path
             : null
-        )
-        variable_data_type_at_path = variable_data_type_at_next_path
+        let variable_data_type_at_next_path = $derived(get_variable_data_type_at_next_path())
+        variable_data_type_at_path = get_variable_data_type_at_next_path()
         path_prepped_loc.push({
           get type_dropdown_manager() {
             return type_dropdown_manager

package/dist/Components/VideoTBD/index.svelte.d.ts

@@ -0,0 +1,6 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<Record<string, never>>): void;
+};
+declare const Index: import("svelte").Component<Record<string, never>, {}, "">;

package/dist/Components/XFollow/index.svelte

@@ -1,24 +1,43 @@
 <script>
+  import { normalize_link_href } from "../../client/index.js"
+
   let { x_handle, size = 4 } = $props()
+
+  let normalized_handle = $derived(String(x_handle ?? "").trim().replace(/^@+/, ""))
+  let x_url = $derived(
+    /^[A-Za-z0-9_]{1,15}$/.test(normalized_handle)
+      ? normalize_link_href(`https://x.com/${normalized_handle}`)
+      : null,
+  )
 </script>
 
 <a
-  href="https://x.com/{x_handle}"
-  role="button"
-  tabindex="0"
+  href={x_url ?? undefined}
+  tabindex={x_url ? undefined : -1}
   class="button_container"
-  target="_blank"
+  class:is_disabled={!x_url}
+  target={x_url ? "_blank" : undefined}
+  rel={x_url ? "noopener noreferrer" : undefined}
+  aria-disabled={!x_url}
+  aria-label={x_url ? `Follow @${normalized_handle} on X (opens in a new tab)` : "Invalid X handle"}
   data-show-count="false"
   style="min-height: {size}rem; border-radius: {size}rem; padding: {size / 3}rem {size / 2}rem; 
     font-size: {size / 1.8}rem;"
 >
-  <svg fill="none" height={size * 5} width={size * 5} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227"
+  <svg
+    fill="none"
+    height={size * 5}
+    width={size * 5}
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 1200 1227"
+    aria-hidden="true"
+    focusable="false"
     ><path
       d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"
       fill="var(--g24-t)"
     /></svg
   >
-  @{x_handle}
+  @{normalized_handle || "unknown"}
 </a>
 
 <style>
@@ -39,4 +58,13 @@
     box-shadow: 0px 0.3rem 2rem var(--g15-t);
     transform: translateY(-0.2rem);
   }
+  .button_container.is_disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+  .button_container.is_disabled:hover {
+    background-color: var(--g1-t);
+    box-shadow: 0px 0.5rem 1rem var(--g15-t);
+    transform: none;
+  }
 </style>

package/dist/Components/XFollow/index.svelte.d.ts

@@ -0,0 +1,13 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    x_handle: any;
+    size?: number;
+}, {}, "">;
+type $$ComponentProps = {
+    x_handle: any;
+    size?: number;
+};

package/dist/Components/XPost/index.svelte

@@ -4,9 +4,15 @@
   let { manager } = $props()
 
   $effect(() => {
-    if (typeof manager?.load_script == "function") {
-      manager?.load_script()
+    const current_manager = manager
+    current_manager?.post_id
+    current_manager?.theme
+
+    if (typeof current_manager?.load_script == "function") {
+      current_manager.load_script()
     }
+
+    return () => current_manager?.destroy?.()
   })
 </script>
 
@@ -20,9 +26,11 @@
     </div>
   {/if}
   {#if manager?.error_message}
-    <div class="failed_to_load_box">
+    <div class="failed_to_load_box" role="alert">
       <p>{manager?.error_message}</p>
-      <a href="https://x.com/status/{manager?.post_id}">https://x.com/status/{manager?.post_id}</a>
+      {#if manager?.post_url}
+        <a href={manager.post_url} target="_blank" rel="noopener noreferrer">View this post on X</a>
+      {/if}
     </div>
   {/if}
   <div class="x_post_container">

package/dist/Components/XPost/index.svelte.d.ts

@@ -0,0 +1,11 @@
+export default Index;
+type Index = {
+    $on?(type: string, callback: (e: any) => void): () => void;
+    $set?(props: Partial<$$ComponentProps>): void;
+};
+declare const Index: import("svelte").Component<{
+    manager: any;
+}, {}, "">;
+type $$ComponentProps = {
+    manager: any;
+};

package/dist/Components/XPost/manager.svelte.d.ts

@@ -0,0 +1,14 @@
+export function create_x_post_manager(config: any): {
+    id: string;
+    readonly selector_id: any;
+    readonly post_id: string;
+    readonly post_url: string;
+    readonly is_loading: boolean;
+    readonly error_message: string;
+    readonly is_dark_theme: any;
+    readonly theme: string;
+    load_script: () => Promise<void>;
+    render_x_post: (x_api?: any, current_render_version?: number) => Promise<void>;
+    cancel_render: () => void;
+    destroy: () => void;
+};