@cal.macconnachie/web-components 1.2.6 → 2.0.2

package/dist/index.d.ts

@@ -408,6 +408,24 @@ export declare class BaseTimePicker extends BaseElement {
     render(): TemplateResult<1>;
 }
 
+export declare class BaseToast extends BaseElement {
+    variant: ToastVariant;
+    padding: ToastPadding;
+    size: 'sm' | 'md' | 'lg';
+    dismiss: DismissBehavior;
+    position: ToastPosition;
+    connectedCallback(): void;
+    private timerStarted;
+    private timerPausedAt;
+    private toastTimout;
+    private pauseTimer;
+    private resumeTimer;
+    show(): void;
+    remove(): void;
+    static styles: CSSResult;
+    render(): TemplateResult<1>;
+}
+
 declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 
 declare type ButtonVariant = 'solid-primary' | 'solid-secondary' | 'solid-danger' | 'solid-warning' | 'solid-info' | 'solid-success' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'outlined-warning' | 'outlined-info' | 'outlined-success' | 'ghost-primary' | 'ghost-secondary' | 'ghost-danger' | 'ghost-warning' | 'ghost-info' | 'ghost-success' | 'link-primary' | 'link-secondary' | 'link-danger' | 'link-warning' | 'link-info' | 'link-success' | 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
@@ -422,6 +440,10 @@ declare type DatePickerSize = 'sm' | 'md' | 'lg';
 
 declare type DateTimePickerSize = 'sm' | 'md' | 'lg';
 
+declare type DismissBehavior = 'manual' | DismissPeriod;
+
+declare type DismissPeriod = `${number}${'s' | 'ms'}`;
+
 declare type InputSize = 'sm' | 'md' | 'lg';
 
 declare type InputType = 'text' | 'email' | 'password' | 'tel' | 'url';
@@ -444,6 +466,54 @@ export declare class QuantitySelect extends BaseElement {
 
 declare type QuantitySize = 'xs' | 'sm' | 'md' | 'lg';
 
+/**
+ * Registers all web components in the custom elements registry.
+ *
+ * Components will only be registered once due to the check in each
+ * register helper function.
+ *
+ * @example
+ * // For CDN usage
+ * import { registerAll } from 'https://cdn.example.com/index.js'
+ * registerAll()
+ *
+ * @example
+ * // For npm usage
+ * import { registerAll } from '@your-package/web-components'
+ * registerAll()
+ */
+export declare function registerAll(): void;
+
+export declare const registerAuthForm: () => void;
+
+export declare const registerBaseButton: () => void;
+
+export declare const registerBaseCard: () => void;
+
+export declare const registerBaseDatePicker: () => void;
+
+export declare const registerBaseDateTimePicker: () => void;
+
+export declare const registerBaseDrawer: () => void;
+
+export declare const registerBaseInput: () => void;
+
+export declare const registerBaseSelect: () => void;
+
+export declare const registerBaseTab: () => void;
+
+export declare const registerBaseTabs: () => void;
+
+export declare const registerBaseTextarea: () => void;
+
+export declare const registerBaseTimePicker: () => void;
+
+export declare const registerBaseToast: () => void;
+
+export declare const registerQuantitySelect: () => void;
+
+export declare const registerThemeToggle: () => void;
+
 declare type ResizeMode = 'none' | 'both' | 'horizontal' | 'vertical';
 
 export declare interface SelectOption {
@@ -453,6 +523,8 @@ export declare interface SelectOption {
 
 declare type SelectSize = 'sm' | 'md' | 'lg';
 
+export declare function showToast(message: string, variant?: ToastVariant, position?: ToastPosition, dismiss?: DismissBehavior): void;
+
 export declare interface TabData {
     id: string;
     label: string;
@@ -490,4 +562,10 @@ declare type TimeFormat_2 = '12' | '24';
 
 declare type TimePickerSize = 'sm' | 'md' | 'lg';
 
+declare type ToastPadding = 'none' | 'sm' | 'md' | 'lg';
+
+declare type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+
+declare type ToastVariant = 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'info';
+
 export { }