@usecapsule/core-components 1.0.0

package/dist/types/assets/icons/index.d.ts

@@ -0,0 +1,69 @@
+export declare const Icons: {
+    alertCircle: string;
+    angelListBrand: string;
+    angelList: string;
+    appleBrand: string;
+    apple: string;
+    arrowNarrow: string;
+    arrow: string;
+    backupKit: string;
+    capsuleLogo: string;
+    capsuleRings: string;
+    capsule: string;
+    check: string;
+    clock: string;
+    close: string;
+    clubhouseBrand: string;
+    clubhouse: string;
+    copy: string;
+    discordBrand: string;
+    discord: string;
+    downloadCloud: string;
+    dribbbleBrand: string;
+    dribbble: string;
+    eyeOff: string;
+    eye: string;
+    facebookBrand: string;
+    facebook: string;
+    figmaBrand: string;
+    figma: string;
+    githubBrand: string;
+    github: string;
+    googleBrand: string;
+    google: string;
+    helpCircle: string;
+    heroEmail: string;
+    heroLock: string;
+    heroPasskey: string;
+    heroPhone: string;
+    heroWallet: string;
+    infoCircle: string;
+    instagramBrand: string;
+    instagram: string;
+    key: string;
+    linkedinBrand: string;
+    linkedin: string;
+    mail: string;
+    moreLoginOptions: string;
+    phone: string;
+    pintrestBrand: string;
+    pintrest: string;
+    redditBrand: string;
+    reddit: string;
+    signalBrand: string;
+    signal: string;
+    snapchatBrand: string;
+    snapchat: string;
+    telegramBrand: string;
+    telegram: string;
+    tikTokBrand: string;
+    tikTok: string;
+    tumblrBrand: string;
+    tumblr: string;
+    twitterBrand: string;
+    twitter: string;
+    xBrand: string;
+    x: string;
+    youtubeBrand: string;
+    youtube: string;
+};

package/dist/types/components/cpsl-alert/cpsl-alert.d.ts

@@ -0,0 +1,7 @@
+import { IconType } from '../../interface';
+export declare class CpslAlert {
+    type?: 'error';
+    icon?: IconType;
+    private get Icon();
+    render(): any;
+}

package/dist/types/components/cpsl-button/cpsl-button.d.ts

@@ -0,0 +1,5 @@
+export declare class CpslButton {
+    disabled?: boolean;
+    variant?: 'primary' | 'secondary' | 'icon';
+    render(): any;
+}

package/dist/types/components/cpsl-code-input/code-change-interface.d.ts

@@ -0,0 +1,3 @@
+export interface CodeChangeEventDetail {
+    value: string;
+}

package/dist/types/components/cpsl-code-input/cpsl-code-input.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CodeChangeEventDetail } from './code-change-interface';
+export declare class CpslCodeInput {
+    el: HTMLCpslCodeInputElement;
+    code: string;
+    errorText?: string;
+    helperText?: string;
+    length: number;
+    type?: 'number' | 'string';
+    cpslInput: EventEmitter<CodeChangeEventDetail>;
+    private handleInput;
+    private handleKeyDown;
+    private handleFocus;
+    private handlePaste;
+    private get inputs();
+    render(): any;
+}

package/dist/types/components/cpsl-col/cpsl-col.d.ts

@@ -0,0 +1,34 @@
+export declare class CpslCol {
+    offset?: string;
+    offsetXs?: string;
+    offsetSm?: string;
+    offsetMd?: string;
+    offsetLg?: string;
+    offsetXl?: string;
+    pull?: string;
+    pullXs?: string;
+    pullSm?: string;
+    pullMd?: string;
+    pullLg?: string;
+    pullXl?: string;
+    push?: string;
+    pushXs?: string;
+    pushSm?: string;
+    pushMd?: string;
+    pushLg?: string;
+    pushXl?: string;
+    size?: string;
+    sizeXs?: string;
+    sizeSm?: string;
+    sizeMd?: string;
+    sizeLg?: string;
+    sizeXl?: string;
+    onResize(): void;
+    private getColumns;
+    private calculateSize;
+    private calculatePosition;
+    private calculateOffset;
+    private calculatePull;
+    private calculatePush;
+    render(): any;
+}

package/dist/types/components/cpsl-divider/cpsl-divider.d.ts

@@ -0,0 +1,3 @@
+export declare class CpslDivider {
+    render(): any;
+}

package/dist/types/components/cpsl-grid/cpsl-grid.d.ts

@@ -0,0 +1,4 @@
+export declare class CpslGrid {
+    fixed: boolean;
+    render(): any;
+}

package/dist/types/components/cpsl-icon/cpsl-icon.d.ts

@@ -0,0 +1,6 @@
+import { IconType } from '../../interface';
+export declare class CpslIcon {
+    src?: string;
+    icon?: IconType;
+    render(): any;
+}

package/dist/types/components/cpsl-info-box/cpsl-info-box.d.ts

@@ -0,0 +1,3 @@
+export declare class CpslInfoBox {
+    render(): any;
+}

package/dist/types/components/cpsl-input/cpsl-input.d.ts

@@ -0,0 +1,53 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface';
+import { InputChangeEventDetail, InputInputEventDetail } from './input-interface';
+export declare class CpslInput {
+    el: HTMLCpslInputElement;
+    private inputId;
+    private focusedValue?;
+    hasFocus: boolean;
+    autocapitalize: string;
+    autocomplete: AutocompleteTypes;
+    autocorrect: 'on' | 'off';
+    noAutoDisable: boolean;
+    autofocus: boolean;
+    disabled: boolean;
+    enterkeyhint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+    errorText?: string;
+    helperText?: string;
+    inputmode?: 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+    label?: string;
+    max?: string | number;
+    maxlength?: number;
+    min?: string | number;
+    minlength?: number;
+    multiple?: boolean;
+    name: string;
+    pattern?: string;
+    placeholder?: string;
+    readonly: boolean;
+    required: boolean;
+    spellcheck: boolean;
+    startIconSrc?: string;
+    startIcon?: IconType;
+    step?: string;
+    type: TextFieldTypes;
+    value?: string;
+    cpslInput: EventEmitter<InputInputEventDetail>;
+    cpslChange: EventEmitter<InputChangeEventDetail>;
+    cpslBlur: EventEmitter<FocusEvent>;
+    cpslFocus: EventEmitter<FocusEvent>;
+    handleDisable(): void;
+    componentDidLoad(): void;
+    private disableSlots;
+    private enableSlots;
+    private emitInputChange;
+    private emitValueChange;
+    private onInput;
+    private onChange;
+    private onBlur;
+    private onFocus;
+    private focusInput;
+    private get nativeInput();
+    render(): any;
+}

package/dist/types/components/cpsl-input/input-interface.d.ts

@@ -0,0 +1,8 @@
+export interface InputChangeEventDetail {
+    value?: string | null;
+    event?: Event;
+}
+export interface InputInputEventDetail {
+    value?: string | null;
+    event?: Event;
+}

package/dist/types/components/cpsl-modal/cpsl-modal.d.ts

@@ -0,0 +1,15 @@
+export declare class CpslModal {
+    private expandFooterTl;
+    el: HTMLCpslModalElement;
+    noFooter: boolean;
+    footerExpanded: boolean;
+    transitionDuration: number;
+    toggleHeight(): void;
+    componentDidLoad(): void;
+    private get bodyEl();
+    private get footerEl();
+    private get footerExpandedEl();
+    private get headerEl();
+    private get headerExpandedEl();
+    render(): any;
+}

package/dist/types/components/cpsl-overlay/cpsl-overlay.d.ts

@@ -0,0 +1,9 @@
+export declare class CpslOverlay {
+    private showTl;
+    el: HTMLCpslOverlayElement;
+    open: boolean;
+    transitionDuration: number;
+    toggleHeight(): void;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/cpsl-pill/cpsl-pill.d.ts

@@ -0,0 +1,4 @@
+export declare class CpslPill {
+    text: string;
+    render(): any;
+}

package/dist/types/components/cpsl-progress-indicator/cpsl-progress-indicator.d.ts

@@ -0,0 +1,5 @@
+export declare class CpslProgressIndicator {
+    totalSteps: number;
+    step: number;
+    render(): any;
+}

package/dist/types/components/cpsl-progress-indicator/progress-indicator-interface.d.ts

@@ -0,0 +1,4 @@
+export interface Step {
+    active: boolean;
+    previous: boolean;
+}

package/dist/types/components/cpsl-qr-code/cpsl-qr-code.d.ts

@@ -0,0 +1,8 @@
+export declare class CpslQrCode {
+    el: HTMLCpslQrCodeElement;
+    url: string;
+    imageSrc?: string;
+    size?: number;
+    componentDidLoad(): void;
+    render(): any;
+}

package/dist/types/components/cpsl-row/cpsl-row.d.ts

@@ -0,0 +1,3 @@
+export declare class CpslRow {
+    render(): any;
+}

package/dist/types/components/cpsl-slide-button/cpsl-slide-button.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { IconType } from '../../interface';
+export declare class CpslSlideButton {
+    el: HTMLCpslSlideButtonElement;
+    endIcon: IconType;
+    endText: string;
+    startIcon: IconType;
+    startText: string;
+    cpslComplete: EventEmitter<boolean>;
+    componentDidLoad(): void;
+    private dragElement;
+    private get sliderContainerEl();
+    private get startTextEl();
+    private get endTextEl();
+    private get endBackgroundEl();
+    private get startIconEl();
+    private get endIconEl();
+    render(): any;
+}

package/dist/types/components/cpsl-spinner/cpsl-spinner.d.ts

@@ -0,0 +1,5 @@
+export declare class CpslSpinner {
+    size?: number;
+    speed?: number;
+    render(): any;
+}

package/dist/types/components/cpsl-tab/cpsl-tab.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TabClickEventDetail } from './tab-interface';
+import { TabsChangedEventDetail } from '../cpsl-tabs/tabs-interface';
+export declare class CpslTab {
+    el: HTMLCpslTabElement;
+    selected: boolean;
+    tab: string;
+    cpslTabButtonClick: EventEmitter<TabClickEventDetail>;
+    onTabsChanged(ev: CustomEvent<TabsChangedEventDetail>): void;
+    onTabsInit(ev: CustomEvent<TabsChangedEventDetail>): void;
+    private setSelected;
+    private onTabClicked;
+    render(): any;
+}

package/dist/types/components/cpsl-tab/tab-interface.d.ts

@@ -0,0 +1,4 @@
+export interface TabClickEventDetail {
+    tab: string;
+    selected: boolean;
+}

package/dist/types/components/cpsl-tabs/cpsl-tabs.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TabsChangedEventDetail } from './tabs-interface';
+export declare class CpslTabs {
+    el: HTMLCpslTabsElement;
+    selectedTabRect?: DOMRect;
+    loaded: boolean;
+    fullWidth?: boolean;
+    selectedTab?: string;
+    cpslTabsChanged: EventEmitter<TabsChangedEventDetail>;
+    cpslTabsInit: EventEmitter<TabsChangedEventDetail>;
+    updateSlider(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private get tabs();
+    private onTabClicked;
+    render(): any;
+}

package/dist/types/components/cpsl-tabs/tabs-interface.d.ts

@@ -0,0 +1,9 @@
+export interface TabsCustomEvent extends CustomEvent {
+    detail: {
+        tab: string;
+    };
+    target: HTMLCpslTabsElement;
+}
+export interface TabsChangedEventDetail {
+    tab?: string;
+}

package/dist/types/components/cpsl-text/cpsl-text.d.ts

@@ -0,0 +1,3 @@
+export declare class CpslText {
+    render(): any;
+}

package/dist/types/components/cpsl-tile-button/cpsl-tile-button.d.ts

@@ -0,0 +1,6 @@
+import { IconType } from '../../interface';
+export declare class CpslTileButton {
+    src?: string;
+    icon?: IconType;
+    render(): any;
+}