@cal.macconnachie/web-components 0.0.9 → 0.0.10

package/README.md

@@ -34,14 +34,14 @@ Then create a type declaration file for TypeScript support:
 
 ```typescript
 // src/types/auth.d.ts
-export interface CalsAuth extends HTMLElement {
+export interface Auth extends HTMLElement {
   openModal(): void;
   logout(): void;
 }
 
 declare global {
   interface HTMLElementTagNameMap {
-    'auth': CalsAuth;
+    'auth': Auth;
   }
 }
 ```
@@ -57,9 +57,9 @@ Now you can use it with full type safety in your components:
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import type { CalsAuth } from '@/types/auth';
+import type { Auth } from '@/types/auth';
 
-const authRef = ref<CalsAuth>();
+const authRef = ref<Auth>();
 
 const openAuth = () => {
   authRef.value?.openModal();
@@ -70,10 +70,10 @@ const openAuth = () => {
 **React:**
 ```tsx
 import { useRef } from 'react';
-import type { CalsAuth } from '@/types/auth';
+import type { Auth } from '@/types/auth';
 
 function App() {
-  const authRef = useRef<CalsAuth>(null);
+  const authRef = useRef<Auth>(null);
 
   return (
     <>
@@ -112,9 +112,9 @@ document.getElementById('logout-auth')?.addEventListener('click', () => {
 
 TypeScript:
 ```typescript
-import type { CalsAuth } from 'https://cdn.cals-api.com/components/auth.js';
+import type { Auth } from 'https://cdn.cals-api.com/components/auth.js';
 
-const auth = document.querySelector<CalsAuth>('auth');
+const auth = document.querySelector<Auth>('auth');
 
 document.getElementById('open-auth')?.addEventListener('click', () => {
   auth?.openModal();

package/dist/components/auth.js

@@ -2506,5 +2506,5 @@ m = y([
   Zt("auth")
 ], m);
 export {
-  m as CalsAuth
+  m as Auth
 };

package/dist/components/index.d.ts

@@ -1,12 +1,18 @@
+import { AxiosInstance } from 'axios';
 import { CSSResult } from 'lit';
 import { LitElement } from 'lit';
 import { nothing } from 'lit';
 import { PropertyValues } from 'lit';
 import { TemplateResult } from 'lit-html';
 
-declare type AuthMode = 'signin' | 'signup';
+export declare const apiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
 
-export declare class CalsAuth extends LitElement {
+declare interface ApiClientConfig {
+    baseUrl: string;
+    apiBaseUrl?: string;
+}
+
+export declare class Auth extends LitElement {
     open: boolean;
     initialMode: AuthMode;
     logoUrl: string;
@@ -110,7 +116,15 @@ export declare class CalsAuth extends LitElement {
     static styles: CSSResult;
 }
 
-export declare class CalsThemeToggle extends LitElement {
+declare type AuthMode = 'signin' | 'signup';
+
+export declare class AuthRefreshError extends Error {
+    constructor(message?: string);
+}
+
+export declare const createApiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
+
+export declare class ThemeToggle extends LitElement {
     theme: 'light' | 'dark';
     storageKey: string;
     size: 'sm' | 'md' | 'lg';

package/dist/components/theme-toggle.js

@@ -752,5 +752,5 @@ g = E([
   Ut("cals-theme-toggle")
 ], g);
 export {
-  g as CalsThemeToggle
+  g as ThemeToggle
 };

package/dist/index.d.ts

@@ -1,12 +1,18 @@
+import { AxiosInstance } from 'axios';
 import { CSSResult } from 'lit';
 import { LitElement } from 'lit';
 import { nothing } from 'lit';
 import { PropertyValues } from 'lit';
 import { TemplateResult } from 'lit-html';
 
-declare type AuthMode = 'signin' | 'signup';
+export declare const apiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
 
-export declare class CalsAuth extends LitElement {
+declare interface ApiClientConfig {
+    baseUrl: string;
+    apiBaseUrl?: string;
+}
+
+export declare class Auth extends LitElement {
     open: boolean;
     initialMode: AuthMode;
     logoUrl: string;
@@ -110,7 +116,15 @@ export declare class CalsAuth extends LitElement {
     static styles: CSSResult;
 }
 
-export declare class CalsThemeToggle extends LitElement {
+declare type AuthMode = 'signin' | 'signup';
+
+export declare class AuthRefreshError extends Error {
+    constructor(message?: string);
+}
+
+export declare const createApiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
+
+export declare class ThemeToggle extends LitElement {
     theme: 'light' | 'dark';
     storageKey: string;
     size: 'sm' | 'md' | 'lg';