@cal.macconnachie/web-components 0.0.20 → 1.0.1

package/dist/index.d.ts

@@ -12,8 +12,7 @@ declare interface ApiClientConfig {
     apiBaseUrl?: string;
 }
 
-export declare class Auth extends LitElement {
-    open: boolean;
+export declare class AuthForm extends BaseElement {
     initialMode: AuthMode;
     logoUrl: string;
     baseUrl: string;
@@ -23,15 +22,11 @@ export declare class Auth extends LitElement {
     oauthClientId: string;
     oauthRedirectUri: string;
     oauthSpaDomain: string;
-    size: 'sm' | 'md' | 'lg';
-    theme: 'light' | 'dark';
     disableSignup: boolean;
     private mode;
     private resetStep;
     private signupStep;
     private isLoading;
-    private isClosing;
-    private isVisible;
     private isLoggedIn;
     private email;
     private password;
@@ -44,39 +39,19 @@ export declare class Auth extends LitElement {
     private errors;
     private otpDigits;
     private signupOtpDigits;
-    private isDragging;
-    private dragStartY;
-    private dragCurrentY;
-    private dragStartTime;
-    private lastDragEndTime;
     private cookies;
     private apiService?;
     private oauthService?;
-    private modalContainer?;
     private emailInput?;
-    private modalBody?;
-    private scrollPosition;
-    private transitionDuration;
     private hasHandledOAuthCallback;
-    private boundKeyHandler;
     private readonly baseUrlErrorMessage;
     private hasApiBaseUrl;
     private getNormalizedBaseUrl;
     private getApiService;
     connectedCallback(): void;
-    disconnectedCallback(): void;
     firstUpdated(): void;
     updated(changed: PropertyValues): void;
-    private lockBodyScroll;
-    private unlockBodyScroll;
-    private cleanupInlineStyles;
     private resetState;
-    private handleClose;
-    private handleOverlayClick;
-    private handleDragStart;
-    private handleDragMove;
-    private handleDragEnd;
-    private handleHandleClick;
     private toggleMode;
     private startReset;
     private cancelReset;
@@ -102,8 +77,7 @@ export declare class Auth extends LitElement {
     private handleOtpInput;
     private handleOtpKeydown;
     private handleOtpPaste;
-    render(): typeof nothing | TemplateResult<1>;
-    private renderContent;
+    render(): TemplateResult<1>;
     private renderFormContent;
     private renderActions;
     private renderAlerts;
@@ -112,8 +86,6 @@ export declare class Auth extends LitElement {
     private renderAppleIcon;
     setError(message: string): void;
     setNotice(message: string): void;
-    closeModal(): void;
-    openModal(): void;
     refresh(): Promise<void>;
     getUserEmail(): string | null;
     static styles: CSSResult;
@@ -125,16 +97,404 @@ export declare class AuthRefreshError extends Error {
     constructor(message?: string);
 }
 
-export declare const createApiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
+export declare class BaseButton extends BaseElement {
+    size: ButtonSize;
+    variant: ButtonVariant;
+    hover: ButtonVariant | undefined;
+    disabled: boolean;
+    fullWidth: boolean;
+    loading: boolean;
+    type: 'button' | 'submit' | 'reset';
+    static styles: CSSResult;
+    connectedCallback(): void;
+    render(): TemplateResult<1>;
+}
 
-export declare class ThemeToggle extends LitElement {
+export declare class BaseCard extends BaseElement {
+    variant: CardVariant;
+    padding: CardPadding;
+    hoverable: boolean;
+    expandable: boolean;
+    private isExpanded;
+    static styles: CSSResult;
+    private handleExpand;
+    private handleCollapse;
+    private handleOverlayClick;
+    disconnectedCallback(): void;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseDatePicker extends BaseElement {
+    value: string;
+    label?: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    hint?: string;
+    size: DatePickerSize;
+    minDate?: string;
+    maxDate?: string;
+    private isOpen;
+    private currentMonth;
+    private currentYear;
+    private showMonthPicker;
+    private showYearPicker;
+    private yearRangeStart;
+    private isFlipped;
+    private dateDisplay;
+    private calendarContainer?;
+    private inputId;
+    private weekDays;
+    private monthNames;
+    static styles: CSSResult;
+    private get displayValue();
+    private get currentMonthName();
+    private get yearRangeEnd();
+    private get yearRange();
+    private get calendarDays();
+    private handleDisplayClick;
+    private toggleCalendar;
+    private updateDropdownPosition;
+    private closeCalendar;
+    private selectDate;
+    private selectToday;
+    private previousMonth;
+    private nextMonth;
+    private isSelectedDate;
+    private isToday;
+    private isDisabled;
+    private selectMonth;
+    private selectYear;
+    private yearRangeBack;
+    private yearRangeForward;
+    private handleKeydown;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseDateTimePicker extends BaseElement {
+    value: string;
+    label?: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    hint?: string;
+    size: DateTimePickerSize;
+    minDate?: string;
+    maxDate?: string;
+    format: TimeFormat;
+    private isOpen;
+    private currentMonth;
+    private currentYear;
+    private showMonthPicker;
+    private showYearPicker;
+    private yearRangeStart;
+    private selectedDate;
+    private selectedHour;
+    private selectedMinute;
+    private selectedPeriod;
+    private isFlipped;
+    private currentStep;
+    private datetimeDisplay;
+    private datetimeContainer?;
+    private inputId;
+    private weekDays;
+    private monthNames;
+    static styles: CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private parseValue;
+    private get displayValue();
+    private get currentMonthName();
+    private get yearRangeEnd();
+    private get yearRange();
+    private get calendarDays();
+    private get hours();
+    private get minutes();
+    private handleDisplayClick;
+    private togglePicker;
+    private updateDropdownPosition;
+    private closePicker;
+    private selectDate;
+    private selectHour;
+    private selectMinute;
+    private selectPeriod;
+    private goBackToDateStep;
+    private selectNow;
+    private applyDateTime;
+    private previousMonth;
+    private nextMonth;
+    private isSelectedDate;
+    private isToday;
+    private isDisabled;
+    private selectMonth;
+    private selectYear;
+    private yearRangeBack;
+    private yearRangeForward;
+    private handleKeydown;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseDrawer extends BaseElement {
+    open: boolean;
+    size: 'sm' | 'md' | 'lg';
+    private isClosing;
+    private isVisible;
+    private isDragging;
+    private dragStartY;
+    private dragCurrentY;
+    private dragStartTime;
+    private lastDragEndTime;
+    private modalContainer?;
+    private modalBody?;
+    private transitionDuration;
+    private boundKeyHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private lockBodyScroll;
+    private unlockBodyScroll;
+    private cleanupInlineStyles;
+    private resetState;
+    private handleClose;
+    private handleOverlayClick;
+    private handleDragStart;
+    private handleDragMove;
+    private handleDragEnd;
+    private handleHandleClick;
+    closeDrawer(): void;
+    openDrawer(): void;
+    render(): TemplateResult<1> | typeof nothing;
+    static styles: CSSResult;
+}
+
+declare class BaseElement extends LitElement {
     theme: 'light' | 'dark';
     storageKey: string;
+    private boundThemeChangeHandler;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private handleGlobalThemeChange;
+    applyTheme(): void;
+}
+
+export declare class BaseInput extends BaseElement {
+    value: string;
+    label?: string;
+    placeholder?: string;
+    type: InputType;
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    hint?: string;
+    autocomplete?: string;
+    size: InputSize;
+    private inputElement;
+    private inputId;
+    static styles: CSSResult;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    focus(): void;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseSelect extends BaseElement {
+    value: string;
+    label?: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    searchable: boolean;
+    error?: string;
+    hint?: string;
+    size: SelectSize;
+    options: SelectOption[];
+    private isOpen;
+    private searchQuery;
+    private highlightedIndex;
+    private isFlipped;
+    private selectInput;
+    private selectDisplay;
+    private dropdownElement;
+    private selectId;
+    static styles: CSSResult;
+    private get selectedOption();
+    private get displayValue();
+    private get filteredOptions();
+    private handleDisplayClick;
+    private toggleDropdown;
+    private updateDropdownPosition;
+    private closeDropdown;
+    private handleSearchInput;
+    private selectOption;
+    private handleKeydown;
+    private scrollToHighlighted;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseTab extends BaseElement {
+    id: string;
+    label: string;
+    badge?: number;
+    icon?: string;
+    active: boolean;
+    static styles: CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseTabs extends BaseElement {
+    activeTab: string;
+    ariaLabel: string;
+    syncWithHash: boolean;
+    variant: TabVariant;
+    private tabs;
+    private isExpanded;
+    private tabsNav?;
+    private boundHashChangeHandler;
+    static styles: CSSResult;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    private queryAndRegisterTabs;
+    updated(changedProperties: Map<string, unknown>): void;
+    private handleTabRegister;
+    private handleTabBadgeUpdate;
+    private updateChildTabs;
+    private handleHashChange;
+    private selectTab;
+    private handleTabClick;
+    private handleKeyDown;
+    private toggleSidebar;
+    private renderTabButton;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseTextarea extends BaseElement {
+    value: string;
+    label?: string;
+    placeholder?: string;
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    hint?: string;
+    size: TextareaSize;
+    rows: number;
+    maxlength?: number;
+    resize: ResizeMode;
+    private textareaElement;
+    private textareaId;
+    static styles: CSSResult;
+    private handleInput;
+    private handleFocus;
+    private handleBlur;
+    focus(): void;
+    render(): TemplateResult<1>;
+}
+
+export declare class BaseTimePicker extends BaseElement {
+    value: string;
+    label?: string;
+    placeholder: string;
+    required: boolean;
+    disabled: boolean;
+    error?: string;
+    hint?: string;
+    size: TimePickerSize;
+    format: TimeFormat_2;
+    private isOpen;
+    private selectedHour;
+    private selectedMinute;
+    private selectedPeriod;
+    private isFlipped;
+    private timeDisplay;
+    private timeContainer?;
+    private inputId;
+    static styles: CSSResult;
+    connectedCallback(): void;
+    updated(changedProperties: Map<string, unknown>): void;
+    private parseValue;
+    private get displayValue();
+    private get hours();
+    private get minutes();
+    private handleDisplayClick;
+    private toggleTimePicker;
+    private updateDropdownPosition;
+    private closeTimePicker;
+    private selectHour;
+    private selectMinute;
+    private selectPeriod;
+    private selectNow;
+    private emitChange;
+    private handleKeydown;
+    render(): TemplateResult<1>;
+}
+
+declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
+
+declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'ghost-danger' | 'ghost-warning' | 'ghost-info' | 'ghost-success';
+
+declare type CardPadding = 'auto' | 'none' | 'sm' | 'md' | 'lg';
+
+declare type CardVariant = 'default' | 'elevated';
+
+export declare const createApiClient: ({ baseUrl, apiBaseUrl }: ApiClientConfig) => AxiosInstance;
+
+declare type DatePickerSize = 'sm' | 'md' | 'lg';
+
+declare type DateTimePickerSize = 'sm' | 'md' | 'lg';
+
+declare type InputSize = 'sm' | 'md' | 'lg';
+
+declare type InputType = 'text' | 'email' | 'password' | 'tel' | 'url';
+
+export declare class QuantitySelect extends BaseElement {
+    value: number;
+    min: number;
+    max: number;
+    size: QuantitySize;
+    allowInput: boolean;
+    static styles: CSSResult;
+    private clampValue;
+    private updateValue;
+    private handleDecrement;
+    private handleIncrement;
+    private handleInput;
+    private handleKeydown;
+    render(): TemplateResult<1>;
+}
+
+declare type QuantitySize = 'xs' | 'sm' | 'md' | 'lg';
+
+declare type ResizeMode = 'none' | 'both' | 'horizontal' | 'vertical';
+
+export declare interface SelectOption {
+    label: string;
+    value: string;
+}
+
+declare type SelectSize = 'sm' | 'md' | 'lg';
+
+export declare interface TabData {
+    id: string;
+    label: string;
+    badge?: number;
+    icon?: string;
+}
+
+declare type TabVariant = 'horizontal' | 'sidebar';
+
+declare type TextareaSize = 'sm' | 'md' | 'lg';
+
+export declare class ThemeToggle extends BaseElement {
     size: 'sm' | 'md' | 'lg';
     variant: 'ghost' | 'outline' | 'solid';
     private isDark;
     connectedCallback(): void;
-    private applyTheme;
     private toggleTheme;
     private getSizeClass;
     private getVariantClass;
@@ -142,4 +502,10 @@ export declare class ThemeToggle extends LitElement {
     static styles: CSSResult;
 }
 
+declare type TimeFormat = '12' | '24';
+
+declare type TimeFormat_2 = '12' | '24';
+
+declare type TimePickerSize = 'sm' | 'md' | 'lg';
+
 export { }