@sippet-ai/operator-widget 0.0.12

package/types/custom-element-jsx.d.ts

@@ -0,0 +1,956 @@
+import type { SippetAIVoipWidgetLauncher } from "src/components/voip-widget/voip-widget-launcher.ts";
+import type { SippetAIVoipWidgetPanel } from "src/components/voip-widget/voip-widget-panel.ts";
+import type { SippetAIVoipWidgetPhoneTab } from "src/components/voip-widget/voip-widget-phone-tab.ts";
+import type { SippetAIVoipWidgetQueueTab } from "src/components/voip-widget/voip-widget-queue-tab.ts";
+import type { SippetAIVoipWidgetContactsTab } from "src/components/voip-widget/voip-widget-contacts-tab.ts";
+import type { SippetAIVoipWidgetHistoryTab } from "src/components/voip-widget/voip-widget-history-tab.ts";
+import type { SippetAIVoipWidgetSettingsTab } from "src/components/voip-widget/voip-widget-settings-tab.ts";
+import type { SippetAIVoipWidget } from "src/components/voip-widget/voip-widget.ts";
+
+/**
+ * This type can be used to create scoped tags for your components.
+ *
+ * Usage:
+ *
+ * ```ts
+ * import type { ScopedElements } from "path/to/library/jsx-integration";
+ *
+ * declare module "my-library" {
+ *   namespace JSX {
+ *     interface IntrinsicElements
+ *       extends ScopedElements<'test-', ''> {}
+ *   }
+ * }
+ * ```
+ *
+ * @deprecated Runtime scoped elements result in duplicate types and can confusing for developers. It is recommended to use the `prefix` and `suffix` options to generate new types instead.
+ */
+export type ScopedElements<
+  Prefix extends string = "",
+  Suffix extends string = "",
+> = {
+  [Key in keyof CustomElements as `${Prefix}${Key}${Suffix}`]: CustomElements[Key];
+};
+
+/**
+ * A generic type for strongly typing custom events with their targets
+ * @template T - The type of the event target (extends EventTarget)
+ * @template D - The type of the detail payload for the custom event
+ */
+type TypedEvent<T extends EventTarget, E = Event> = E & {
+  target: T;
+};
+
+type BaseProps<T extends HTMLElement> = {
+  /** Content added between the opening and closing tags of the element */
+  children?: any;
+  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
+  class?: string;
+  /** Used for declaratively styling one or more elements using CSS (Cascading Stylesheets) */
+  className?: string;
+  /** Takes an object where the key is the class name(s) and the value is a boolean expression. When true, the class is applied, and when false, it is removed. */
+  classList?: Record<string, boolean | undefined>;
+  /** Specifies the text direction of the element. */
+  dir?: "ltr" | "rtl";
+  /** Contains a space-separated list of the part names of the element that should be exposed on the host element. */
+  exportparts?: string;
+  /** For <label> and <output>, lets you associate the label with some control. */
+  htmlFor?: string;
+  /** Specifies whether the element should be hidden. */
+  hidden?: boolean | string;
+  /** A unique identifier for the element. */
+  id?: string;
+  /** Keys tell React which array item each component corresponds to */
+  key?: string | number;
+  /** Specifies the language of the element. */
+  lang?: string;
+  /** Contains a space-separated list of the part names of the element. Part names allows CSS to select and style specific elements in a shadow tree via the ::part pseudo-element. */
+  part?: string;
+  /** Use the ref attribute with a variable to assign a DOM element to the variable once the element is rendered. */
+  ref?: T | ((e: T) => void);
+  /** Adds a reference for a custom element slot */
+  slot?: string;
+  /** Prop for setting inline styles */
+  style?: Record<string, string | number>;
+  /** Overrides the default Tab button behavior. Avoid using values other than -1 and 0. */
+  tabIndex?: number;
+  /** Specifies the tooltip text for the element. */
+  title?: string;
+  /** Passing 'no' excludes the element content from being translated. */
+  translate?: "yes" | "no";
+  /** The popover global attribute is used to designate an element as a popover element. */
+  popover?: "auto" | "hint" | "manual";
+  /** Turns an element element into a popover control button; takes the ID of the popover element to control as its value. */
+  popovertarget?: "top" | "bottom" | "left" | "right" | "auto";
+  /** Specifies the action to be performed on a popover element being controlled by a control element. */
+  popovertargetaction?: "show" | "hide" | "toggle";
+};
+
+type BaseEvents = {};
+
+/** `SippetAIVoipWidgetLauncher` component event */
+export type SippetAIVoipWidgetLauncherElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidgetLauncher,
+  E
+>;
+
+export type SippetAIVoipWidgetLauncherProps = {
+  /**  */
+  open?: SippetAIVoipWidgetLauncher["open"];
+  /**  */
+  queueCount?: SippetAIVoipWidgetLauncher["queueCount"];
+  /**  */
+  incomingCall?: SippetAIVoipWidgetLauncher["incomingCall"];
+  /**  */
+  incomingFromQueue?: SippetAIVoipWidgetLauncher["incomingFromQueue"];
+  /**  */
+  incomingCallerName?: SippetAIVoipWidgetLauncher["incomingCallerName"];
+
+  /**  */
+  onname?: (e: SippetAIVoipWidgetLauncherElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetLauncherSolidJsProps = {
+  /**  */
+  "prop:open"?: SippetAIVoipWidgetLauncher["open"];
+  /**  */
+  "prop:queueCount"?: SippetAIVoipWidgetLauncher["queueCount"];
+  /**  */
+  "prop:incomingCall"?: SippetAIVoipWidgetLauncher["incomingCall"];
+  /**  */
+  "prop:incomingFromQueue"?: SippetAIVoipWidgetLauncher["incomingFromQueue"];
+  /**  */
+  "prop:incomingCallerName"?: SippetAIVoipWidgetLauncher["incomingCallerName"];
+  /**  */
+  "on:name"?: (e: SippetAIVoipWidgetLauncherElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+/** `SippetAIVoipWidgetPanel` component event */
+export type SippetAIVoipWidgetPanelElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidgetPanel,
+  E
+>;
+
+export type SippetAIVoipWidgetPanelProps = {
+  /**  */
+  userName?: SippetAIVoipWidgetPanel["userName"];
+  /**  */
+  availability?: SippetAIVoipWidgetPanel["availability"];
+  /**  */
+  activeTab?: SippetAIVoipWidgetPanel["activeTab"];
+  /**  */
+  incomingCall?: SippetAIVoipWidgetPanel["incomingCall"];
+  /**  */
+  incomingFromQueue?: SippetAIVoipWidgetPanel["incomingFromQueue"];
+  /**  */
+  incomingCallerName?: SippetAIVoipWidgetPanel["incomingCallerName"];
+
+  /**  */
+  onname?: (e: SippetAIVoipWidgetPanelElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetPanelSolidJsProps = {
+  /**  */
+  "prop:userName"?: SippetAIVoipWidgetPanel["userName"];
+  /**  */
+  "prop:availability"?: SippetAIVoipWidgetPanel["availability"];
+  /**  */
+  "prop:activeTab"?: SippetAIVoipWidgetPanel["activeTab"];
+  /**  */
+  "prop:incomingCall"?: SippetAIVoipWidgetPanel["incomingCall"];
+  /**  */
+  "prop:incomingFromQueue"?: SippetAIVoipWidgetPanel["incomingFromQueue"];
+  /**  */
+  "prop:incomingCallerName"?: SippetAIVoipWidgetPanel["incomingCallerName"];
+  /**  */
+  "on:name"?: (e: SippetAIVoipWidgetPanelElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+/** `SippetAIVoipWidgetPhoneTab` component event */
+export type SippetAIVoipWidgetPhoneTabElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidgetPhoneTab,
+  E
+>;
+
+export type SippetAIVoipWidgetPhoneTabProps = {
+  /**  */
+  dialNumber?: SippetAIVoipWidgetPhoneTab["dialNumber"];
+  /**  */
+  sipStatus?: SippetAIVoipWidgetPhoneTab["sipStatus"];
+  /**  */
+  callState?: SippetAIVoipWidgetPhoneTab["callState"];
+  /**  */
+  callSeconds?: SippetAIVoipWidgetPhoneTab["callSeconds"];
+  /**  */
+  isMuted?: SippetAIVoipWidgetPhoneTab["isMuted"];
+  /**  */
+  isHeld?: SippetAIVoipWidgetPhoneTab["isHeld"];
+
+  /**  */
+  onname?: (e: SippetAIVoipWidgetPhoneTabElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetPhoneTabSolidJsProps = {
+  /**  */
+  "prop:dialNumber"?: SippetAIVoipWidgetPhoneTab["dialNumber"];
+  /**  */
+  "prop:sipStatus"?: SippetAIVoipWidgetPhoneTab["sipStatus"];
+  /**  */
+  "prop:callState"?: SippetAIVoipWidgetPhoneTab["callState"];
+  /**  */
+  "prop:callSeconds"?: SippetAIVoipWidgetPhoneTab["callSeconds"];
+  /**  */
+  "prop:isMuted"?: SippetAIVoipWidgetPhoneTab["isMuted"];
+  /**  */
+  "prop:isHeld"?: SippetAIVoipWidgetPhoneTab["isHeld"];
+  /**  */
+  "on:name"?: (e: SippetAIVoipWidgetPhoneTabElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+/** `SippetAIVoipWidgetQueueTab` component event */
+export type SippetAIVoipWidgetQueueTabElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidgetQueueTab,
+  E
+>;
+
+export type SippetAIVoipWidgetQueueTabProps = {
+  /**  */
+  queuedCalls?: SippetAIVoipWidgetQueueTab["queuedCalls"];
+
+  /**  */
+  onname?: (e: SippetAIVoipWidgetQueueTabElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetQueueTabSolidJsProps = {
+  /**  */
+  "prop:queuedCalls"?: SippetAIVoipWidgetQueueTab["queuedCalls"];
+  /**  */
+  "on:name"?: (e: SippetAIVoipWidgetQueueTabElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+/** `SippetAIVoipWidgetContactsTab` component event */
+export type SippetAIVoipWidgetContactsTabElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidgetContactsTab,
+  E
+>;
+
+export type SippetAIVoipWidgetContactsTabProps = {
+  /**  */
+  contacts?: SippetAIVoipWidgetContactsTab["contacts"];
+
+  /**  */
+  onname?: (e: SippetAIVoipWidgetContactsTabElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetContactsTabSolidJsProps = {
+  /**  */
+  "prop:contacts"?: SippetAIVoipWidgetContactsTab["contacts"];
+  /**  */
+  "on:name"?: (e: SippetAIVoipWidgetContactsTabElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type SippetAIVoipWidgetHistoryTabProps = {
+  /**  */
+  history?: SippetAIVoipWidgetHistoryTab["history"];
+};
+
+export type SippetAIVoipWidgetHistoryTabSolidJsProps = {
+  /**  */
+  "prop:history"?: SippetAIVoipWidgetHistoryTab["history"];
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+/** `SippetAIVoipWidgetSettingsTab` component event */
+export type SippetAIVoipWidgetSettingsTabElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidgetSettingsTab,
+  E
+>;
+
+export type SippetAIVoipWidgetSettingsTabProps = {
+  /**  */
+  userEmail?: SippetAIVoipWidgetSettingsTab["userEmail"];
+  /**  */
+  audioInputs?: SippetAIVoipWidgetSettingsTab["audioInputs"];
+  /**  */
+  audioOutputs?: SippetAIVoipWidgetSettingsTab["audioOutputs"];
+  /**  */
+  selectedMicId?: SippetAIVoipWidgetSettingsTab["selectedMicId"];
+  /**  */
+  selectedSpeakerId?: SippetAIVoipWidgetSettingsTab["selectedSpeakerId"];
+  /**  */
+  hasMediaPermission?: SippetAIVoipWidgetSettingsTab["hasMediaPermission"];
+  /**  */
+  sipStatus?: SippetAIVoipWidgetSettingsTab["sipStatus"];
+
+  /**  */
+  onname?: (e: SippetAIVoipWidgetSettingsTabElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetSettingsTabSolidJsProps = {
+  /**  */
+  "prop:userEmail"?: SippetAIVoipWidgetSettingsTab["userEmail"];
+  /**  */
+  "prop:audioInputs"?: SippetAIVoipWidgetSettingsTab["audioInputs"];
+  /**  */
+  "prop:audioOutputs"?: SippetAIVoipWidgetSettingsTab["audioOutputs"];
+  /**  */
+  "prop:selectedMicId"?: SippetAIVoipWidgetSettingsTab["selectedMicId"];
+  /**  */
+  "prop:selectedSpeakerId"?: SippetAIVoipWidgetSettingsTab["selectedSpeakerId"];
+  /**  */
+  "prop:hasMediaPermission"?: SippetAIVoipWidgetSettingsTab["hasMediaPermission"];
+  /**  */
+  "prop:sipStatus"?: SippetAIVoipWidgetSettingsTab["sipStatus"];
+  /**  */
+  "on:name"?: (e: SippetAIVoipWidgetSettingsTabElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+/** `SippetAIVoipWidget` component event */
+export type SippetAIVoipWidgetElementEvent<E = Event> = TypedEvent<
+  SippetAIVoipWidget,
+  E
+>;
+
+export type SippetAIVoipWidgetProps = {
+  /**  */
+  "api-key"?: SippetAIVoipWidget["apiKey"];
+  /**  */
+  apiKey?: SippetAIVoipWidget["apiKey"];
+  /**  */
+  "session-auth"?: SippetAIVoipWidget["sessionAuth"];
+  /**  */
+  sessionAuth?: SippetAIVoipWidget["sessionAuth"];
+  /**  */
+  "api-origin"?: SippetAIVoipWidget["apiOrigin"];
+  /**  */
+  apiOrigin?: SippetAIVoipWidget["apiOrigin"];
+  /**  */
+  sipUrl?: SippetAIVoipWidget["sipUrl"];
+  /**  */
+  sipUser?: SippetAIVoipWidget["sipUser"];
+  /**  */
+  "sip-user-id"?: SippetAIVoipWidget["sipUserId"];
+  /**  */
+  sipUserId?: SippetAIVoipWidget["sipUserId"];
+  /**  */
+  sipPassword?: SippetAIVoipWidget["sipPassword"];
+  /**  */
+  sipWebSocketUrl?: SippetAIVoipWidget["sipWebSocketUrl"];
+  /**  */
+  userName?: SippetAIVoipWidget["userName"];
+  /**  */
+  userEmail?: SippetAIVoipWidget["userEmail"];
+  /**  */
+  availability?: SippetAIVoipWidget["availability"];
+  /**  */
+  queueCount?: SippetAIVoipWidget["queueCount"];
+  /**  */
+  incomingCall?: SippetAIVoipWidget["incomingCall"];
+  /**  */
+  incomingCallerName?: SippetAIVoipWidget["incomingCallerName"];
+  /**  */
+  incomingFromQueue?: SippetAIVoipWidget["incomingFromQueue"];
+  /**  */
+  contacts?: SippetAIVoipWidget["contacts"];
+  /**  */
+  history?: SippetAIVoipWidget["history"];
+  /**  */
+  queuedCalls?: SippetAIVoipWidget["queuedCalls"];
+  /**  */
+  open?: SippetAIVoipWidget["open"];
+  /**  */
+  activeTab?: SippetAIVoipWidget["activeTab"];
+
+  /**  */
+  "onvoip-transfer"?: (e: SippetAIVoipWidgetElementEvent) => void;
+  /**  */
+  "onvoip-call-state"?: (e: SippetAIVoipWidgetElementEvent) => void;
+};
+
+export type SippetAIVoipWidgetSolidJsProps = {
+  /**  */
+  "attr:api-key"?: SippetAIVoipWidget["apiKey"];
+  /**  */
+  "prop:apiKey"?: SippetAIVoipWidget["apiKey"];
+  /**  */
+  "bool:session-auth"?: SippetAIVoipWidget["sessionAuth"];
+  /**  */
+  "prop:sessionAuth"?: SippetAIVoipWidget["sessionAuth"];
+  /**  */
+  "attr:api-origin"?: SippetAIVoipWidget["apiOrigin"];
+  /**  */
+  "prop:apiOrigin"?: SippetAIVoipWidget["apiOrigin"];
+  /**  */
+  "prop:sipUrl"?: SippetAIVoipWidget["sipUrl"];
+  /**  */
+  "prop:sipUser"?: SippetAIVoipWidget["sipUser"];
+  /**  */
+  "attr:sip-user-id"?: SippetAIVoipWidget["sipUserId"];
+  /**  */
+  "prop:sipUserId"?: SippetAIVoipWidget["sipUserId"];
+  /**  */
+  "prop:sipPassword"?: SippetAIVoipWidget["sipPassword"];
+  /**  */
+  "prop:sipWebSocketUrl"?: SippetAIVoipWidget["sipWebSocketUrl"];
+  /**  */
+  "prop:userName"?: SippetAIVoipWidget["userName"];
+  /**  */
+  "prop:userEmail"?: SippetAIVoipWidget["userEmail"];
+  /**  */
+  "prop:availability"?: SippetAIVoipWidget["availability"];
+  /**  */
+  "prop:queueCount"?: SippetAIVoipWidget["queueCount"];
+  /**  */
+  "prop:incomingCall"?: SippetAIVoipWidget["incomingCall"];
+  /**  */
+  "prop:incomingCallerName"?: SippetAIVoipWidget["incomingCallerName"];
+  /**  */
+  "prop:incomingFromQueue"?: SippetAIVoipWidget["incomingFromQueue"];
+  /**  */
+  "prop:contacts"?: SippetAIVoipWidget["contacts"];
+  /**  */
+  "prop:history"?: SippetAIVoipWidget["history"];
+  /**  */
+  "prop:queuedCalls"?: SippetAIVoipWidget["queuedCalls"];
+  /**  */
+  "prop:open"?: SippetAIVoipWidget["open"];
+  /**  */
+  "prop:activeTab"?: SippetAIVoipWidget["activeTab"];
+  /**  */
+  "on:voip-transfer"?: (e: SippetAIVoipWidgetElementEvent) => void;
+  /**  */
+  "on:voip-call-state"?: (e: SippetAIVoipWidgetElementEvent) => void;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: string;
+  /** Set the textContent of the element */
+  textContent?: string | number;
+};
+
+export type CustomElements = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `open`: undefined
+   * - `queueCount`: undefined
+   * - `incomingCall`: undefined
+   * - `incomingFromQueue`: undefined
+   * - `incomingCallerName`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-launcher": Partial<
+    SippetAIVoipWidgetLauncherProps &
+      BaseProps<SippetAIVoipWidgetLauncher> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `userName`: undefined
+   * - `availability`: undefined
+   * - `activeTab`: undefined
+   * - `incomingCall`: undefined
+   * - `incomingFromQueue`: undefined
+   * - `incomingCallerName`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-panel": Partial<
+    SippetAIVoipWidgetPanelProps &
+      BaseProps<SippetAIVoipWidgetPanel> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `dialNumber`: undefined
+   * - `sipStatus`: undefined
+   * - `callState`: undefined
+   * - `callSeconds`: undefined
+   * - `isMuted`: undefined
+   * - `isHeld`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-phone-tab": Partial<
+    SippetAIVoipWidgetPhoneTabProps &
+      BaseProps<SippetAIVoipWidgetPhoneTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `queuedCalls`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-queue-tab": Partial<
+    SippetAIVoipWidgetQueueTabProps &
+      BaseProps<SippetAIVoipWidgetQueueTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `contacts`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-contacts-tab": Partial<
+    SippetAIVoipWidgetContactsTabProps &
+      BaseProps<SippetAIVoipWidgetContactsTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `history`: undefined
+   */
+  "sippetai-voip-widget-history-tab": Partial<
+    SippetAIVoipWidgetHistoryTabProps &
+      BaseProps<SippetAIVoipWidgetHistoryTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `userEmail`: undefined
+   * - `audioInputs`: undefined
+   * - `audioOutputs`: undefined
+   * - `selectedMicId`: undefined
+   * - `selectedSpeakerId`: undefined
+   * - `hasMediaPermission`: undefined
+   * - `sipStatus`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-settings-tab": Partial<
+    SippetAIVoipWidgetSettingsTabProps &
+      BaseProps<SippetAIVoipWidgetSettingsTab> &
+      BaseEvents
+  >;
+
+  /**
+   * A VoIP widget web component allowing real-time telephony for Sippet AI integrations
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `api-key`/`apiKey`: undefined
+   * - `session-auth`/`sessionAuth`: undefined
+   * - `api-origin`/`apiOrigin`: undefined
+   * - `sipUrl`: undefined
+   * - `sipUser`: undefined
+   * - `sip-user-id`/`sipUserId`: undefined
+   * - `sipPassword`: undefined
+   * - `sipWebSocketUrl`: undefined
+   * - `userName`: undefined
+   * - `userEmail`: undefined
+   * - `availability`: undefined
+   * - `queueCount`: undefined
+   * - `incomingCall`: undefined
+   * - `incomingCallerName`: undefined
+   * - `incomingFromQueue`: undefined
+   * - `contacts`: undefined
+   * - `history`: undefined
+   * - `queuedCalls`: undefined
+   * - `open`: undefined
+   * - `activeTab`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `voip-transfer`: undefined
+   * - `voip-call-state`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `openPanel(tab: VoipTab = 'phone') => void`: undefined
+   * - `callNumber(phoneNumber: string) => void`: undefined
+   * - `answerCall() => void`: undefined
+   * - `declineCall() => void`: undefined
+   * - `toggleHold() => void`: undefined
+   * - `transferTo(queue: string) => void`: undefined
+   */
+  "sippetai-voip-widget": Partial<
+    SippetAIVoipWidgetProps & BaseProps<SippetAIVoipWidget> & BaseEvents
+  >;
+};
+
+export type CustomElementsSolidJs = {
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `open`: undefined
+   * - `queueCount`: undefined
+   * - `incomingCall`: undefined
+   * - `incomingFromQueue`: undefined
+   * - `incomingCallerName`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-launcher": Partial<
+    SippetAIVoipWidgetLauncherProps &
+      SippetAIVoipWidgetLauncherSolidJsProps &
+      BaseProps<SippetAIVoipWidgetLauncher> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `userName`: undefined
+   * - `availability`: undefined
+   * - `activeTab`: undefined
+   * - `incomingCall`: undefined
+   * - `incomingFromQueue`: undefined
+   * - `incomingCallerName`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-panel": Partial<
+    SippetAIVoipWidgetPanelProps &
+      SippetAIVoipWidgetPanelSolidJsProps &
+      BaseProps<SippetAIVoipWidgetPanel> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `dialNumber`: undefined
+   * - `sipStatus`: undefined
+   * - `callState`: undefined
+   * - `callSeconds`: undefined
+   * - `isMuted`: undefined
+   * - `isHeld`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-phone-tab": Partial<
+    SippetAIVoipWidgetPhoneTabProps &
+      SippetAIVoipWidgetPhoneTabSolidJsProps &
+      BaseProps<SippetAIVoipWidgetPhoneTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `queuedCalls`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-queue-tab": Partial<
+    SippetAIVoipWidgetQueueTabProps &
+      SippetAIVoipWidgetQueueTabSolidJsProps &
+      BaseProps<SippetAIVoipWidgetQueueTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `contacts`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-contacts-tab": Partial<
+    SippetAIVoipWidgetContactsTabProps &
+      SippetAIVoipWidgetContactsTabSolidJsProps &
+      BaseProps<SippetAIVoipWidgetContactsTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `history`: undefined
+   */
+  "sippetai-voip-widget-history-tab": Partial<
+    SippetAIVoipWidgetHistoryTabProps &
+      SippetAIVoipWidgetHistoryTabSolidJsProps &
+      BaseProps<SippetAIVoipWidgetHistoryTab> &
+      BaseEvents
+  >;
+
+  /**
+   *
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `userEmail`: undefined
+   * - `audioInputs`: undefined
+   * - `audioOutputs`: undefined
+   * - `selectedMicId`: undefined
+   * - `selectedSpeakerId`: undefined
+   * - `hasMediaPermission`: undefined
+   * - `sipStatus`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `name`: undefined
+   */
+  "sippetai-voip-widget-settings-tab": Partial<
+    SippetAIVoipWidgetSettingsTabProps &
+      SippetAIVoipWidgetSettingsTabSolidJsProps &
+      BaseProps<SippetAIVoipWidgetSettingsTab> &
+      BaseEvents
+  >;
+
+  /**
+   * A VoIP widget web component allowing real-time telephony for Sippet AI integrations
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `api-key`/`apiKey`: undefined
+   * - `session-auth`/`sessionAuth`: undefined
+   * - `api-origin`/`apiOrigin`: undefined
+   * - `sipUrl`: undefined
+   * - `sipUser`: undefined
+   * - `sip-user-id`/`sipUserId`: undefined
+   * - `sipPassword`: undefined
+   * - `sipWebSocketUrl`: undefined
+   * - `userName`: undefined
+   * - `userEmail`: undefined
+   * - `availability`: undefined
+   * - `queueCount`: undefined
+   * - `incomingCall`: undefined
+   * - `incomingCallerName`: undefined
+   * - `incomingFromQueue`: undefined
+   * - `contacts`: undefined
+   * - `history`: undefined
+   * - `queuedCalls`: undefined
+   * - `open`: undefined
+   * - `activeTab`: undefined
+   *
+   * ## Events
+   *
+   * Events that will be emitted by the component.
+   *
+   * - `voip-transfer`: undefined
+   * - `voip-call-state`: undefined
+   *
+   * ## Methods
+   *
+   * Methods that can be called to access component functionality.
+   *
+   * - `openPanel(tab: VoipTab = 'phone') => void`: undefined
+   * - `callNumber(phoneNumber: string) => void`: undefined
+   * - `answerCall() => void`: undefined
+   * - `declineCall() => void`: undefined
+   * - `toggleHold() => void`: undefined
+   * - `transferTo(queue: string) => void`: undefined
+   */
+  "sippetai-voip-widget": Partial<
+    SippetAIVoipWidgetProps &
+      SippetAIVoipWidgetSolidJsProps &
+      BaseProps<SippetAIVoipWidget> &
+      BaseEvents
+  >;
+};
+
+export type CustomCssProperties = {};
+
+declare module "react" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "preact" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "@builder.io/qwik" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "@stencil/core" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "hono/jsx" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "react-native" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare module "solid-js" {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElementsSolidJs {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}
+
+declare global {
+  namespace JSX {
+    interface IntrinsicElements extends CustomElements {}
+  }
+  export interface CSSProperties extends CustomCssProperties {}
+}