@ayu-sh-kr/dota-ui 0.0.1

package/dist/app.config.d.ts

@@ -0,0 +1,2 @@
+export declare const UIConfig: Partial<UIConfig>;
+export type UIColor = keyof typeof UIConfig.color;

package/dist/components/accordian/accordion.component.d.ts

@@ -0,0 +1,16 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+import { AccordionStyle, AccordionColor, AccordionSize, AccordionVariant } from './accordion.config.ts';
+declare class AccordionComponent extends BaseElement {
+    className: string;
+    header: string;
+    description: string;
+    icon: string;
+    color: AccordionColor;
+    variant: AccordionVariant;
+    size: AccordionSize;
+    constructor();
+    handleAccordion(): void;
+    processIcon: (icon: string) => string;
+    render(): string;
+}
+export { AccordionComponent, AccordionStyle as AccordionConfig, type AccordionColor, type AccordionSize, type AccordionVariant };

package/dist/components/accordian/accordion.config.d.ts

@@ -0,0 +1,21 @@
+export declare const AccordionStyle: {
+    button: {
+        base: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+        };
+        color: {
+            [x: string]: ColorVariants;
+        };
+    };
+    paragraph: string;
+};
+type AccordionColor = keyof typeof AccordionStyle.button.color;
+type AccordionSize = keyof typeof AccordionStyle.button.size;
+type AccordionVariant = keyof ColorVariants;
+export type { AccordionSize, AccordionColor, AccordionVariant };

package/dist/components/avatar/avatar.component.d.ts

@@ -0,0 +1,25 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+import { IconColor, IconSize, IconVariant } from '..';
+export declare class AvatarComponent extends BaseElement {
+    img: string;
+    imgAlt: string;
+    label: string;
+    icon: string;
+    isChip: boolean;
+    chipText: string;
+    chipColor: string;
+    chipPosition: string;
+    variant: string;
+    size: string;
+    constructor();
+    template: () => string;
+    render(): string;
+}
+export declare class AvatarWrapper extends BaseElement {
+    content: string;
+    color: IconColor;
+    variant: IconVariant;
+    size: IconSize;
+    constructor();
+    render(): string;
+}

package/dist/components/badge/badge.component.d.ts

@@ -0,0 +1,14 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+import { BadgeStyle, BadgeColor, BadgeRounded, BadgeSize, BadgeVariants } from './badge.config.ts';
+declare class BadgeComponent extends BaseElement {
+    className: string;
+    color: BadgeColor;
+    variant: BadgeVariants;
+    size: BadgeSize;
+    rounded: BadgeRounded;
+    label: string;
+    content: string;
+    constructor();
+    render(): string;
+}
+export { BadgeComponent, BadgeStyle as BadgeConfig };

package/dist/components/badge/badge.config.d.ts

@@ -0,0 +1,75 @@
+declare const BadgeStyle: {
+    base: string;
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+    };
+    color: {
+        red: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        yellow: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        pink: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        purple: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        blue: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        cyan: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        green: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+        emerald: {
+            solid: string;
+            outline: string;
+            soft: string;
+            subtle: string;
+        };
+    };
+};
+type BadgeVariants = keyof typeof BadgeStyle.color.red;
+type BadgeColor = keyof typeof BadgeStyle.color;
+type BadgeSize = keyof typeof BadgeStyle.size;
+type BadgeRounded = keyof typeof BadgeStyle.rounded;
+export { BadgeStyle };
+export type { BadgeVariants, BadgeRounded, BadgeSize, BadgeColor };

package/dist/components/button/button.component.d.ts

@@ -0,0 +1,23 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+import { ButtonAnimation, ButtonAnimationColor, ButtonRound, ButtonSize, ButtonStyle, ButtonVariants, IconPosition } from './button.config.ts';
+import { UIColor } from '../../app.config.ts';
+declare class ButtonComponent extends BaseElement {
+    content: string;
+    animation: ButtonAnimation;
+    className: string;
+    label: string;
+    color: UIColor;
+    variant: ButtonVariants;
+    icon: string;
+    loading: boolean;
+    iconPosition: IconPosition;
+    animationColor: ButtonAnimationColor;
+    type: string;
+    size: ButtonSize;
+    rounded: ButtonRound;
+    constructor();
+    template: () => string;
+    render(): string;
+}
+export { ButtonComponent, ButtonStyle as ButtonConfig };
+export type { ButtonVariants, ButtonRound, ButtonAnimation, ButtonSize, ButtonAnimationColor, IconPosition };

package/dist/components/button/button.config.d.ts

@@ -0,0 +1,9 @@
+declare const ButtonStyle: Partial<UIConfig>;
+type ButtonVariants = keyof ColorVariants;
+export { ButtonStyle };
+export type { ButtonVariants };
+export type IconPosition = 'leading' | 'forward';
+export type ButtonAnimation = keyof typeof ButtonStyle.animation;
+export type ButtonAnimationColor = keyof typeof ButtonStyle.animation.fill.color;
+export type ButtonSize = keyof typeof ButtonStyle.size;
+export type ButtonRound = keyof typeof ButtonStyle.rounded;

package/dist/components/card/card.component.d.ts

@@ -0,0 +1,33 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+export declare class CardComponent extends BaseElement {
+    content: string;
+    className: string;
+    constructor();
+    render(): string;
+}
+export declare class CardTitleComponent extends BaseElement {
+    title: string;
+    className: string;
+    constructor();
+    template: (title: string) => string;
+    render(): string;
+}
+export declare class CardHeaderComponent extends BaseElement {
+    header: string;
+    constructor();
+    template: (header: string) => string;
+    render(): string;
+}
+export declare class CardDescriptionComponent extends BaseElement {
+    description: string;
+    className: string;
+    constructor();
+    template: (description: string) => string;
+    render(): string;
+}
+export declare class CardFooterComponent extends BaseElement {
+    content: string;
+    className: string;
+    constructor();
+    render(): string;
+}

package/dist/components/chip/chip.component.d.ts

@@ -0,0 +1,11 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+import { ChipColor, ChipPosition, ChipStyle } from './chip.config.ts';
+declare class ChipComponent extends BaseElement {
+    text: string;
+    position: ChipPosition;
+    color: ChipColor;
+    content: string;
+    constructor();
+    render(): string;
+}
+export { ChipComponent, ChipStyle, type ChipColor, type ChipPosition };

package/dist/components/chip/chip.config.d.ts

@@ -0,0 +1,30 @@
+export declare const ChipStyle: {
+    base: {
+        parent: string;
+        chip: string;
+    };
+    position: {
+        'top-left': string;
+        'top-right': string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    color: {
+        red: string;
+        yellow: string;
+        rose: string;
+        emerald: string;
+        green: string;
+        blue: string;
+        cyan: string;
+        teal: string;
+        gray: string;
+        orange: string;
+        sky: string;
+        purple: string;
+        violet: string;
+        pink: string;
+    };
+};
+export type ChipPosition = keyof typeof ChipStyle.position;
+export type ChipColor = keyof typeof ChipStyle.color;

package/dist/components/icon/icons.component.d.ts

@@ -0,0 +1,15 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+import { IconSize, IconVariant, IconColor, IconStyle } from './icons.config.ts';
+declare class IconsComponent extends BaseElement {
+    name: string;
+    className: string;
+    size: IconSize;
+    color: IconColor;
+    variant: IconVariant;
+    constructor();
+    afterViewInit(): void;
+    getSvg(): Promise<void>;
+    render(): string;
+}
+export { IconsComponent, IconStyle };
+export type { IconVariant, IconColor, IconSize };

package/dist/components/icon/icons.config.d.ts

@@ -0,0 +1,19 @@
+export declare const IconStyle: {
+    shadow: string;
+    base: string;
+    color: {
+        [x: string]: ColorVariants;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+};
+type IconSize = keyof typeof IconStyle.size;
+type IconColor = keyof typeof IconStyle.color;
+type IconVariant = keyof ColorVariants;
+export type { IconSize, IconVariant, IconColor };

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from './modal/modal.component.ts';
+export * from './card/card.component.ts';
+export * from './badge/badge.component.ts';
+export * from './utils/scaffold.component.ts';
+export * from './icon/icons.component.ts';
+export * from './accordian/accordion.component.ts';
+export * from './chip/chip.component.ts';
+export * from './avatar/avatar.component.ts';
+export * from './button/button.component.ts';
+export * from './popover/popover.component.ts';
+export * from './placeholder/placeholder.component.ts';

package/dist/components/modal/modal.component.d.ts

@@ -0,0 +1,16 @@
+import { BaseElement, EventEmitter } from '@ayu-sh-kr/dota-core/dist';
+import { ModalDirection, ModalDuration, ModalRounded, ModalStyle } from './modal.config.ts';
+declare class ModalComponent extends BaseElement {
+    isOpen: boolean;
+    content: string;
+    className: string;
+    rounded: ModalRounded;
+    duration: ModalDuration;
+    direction: ModalDirection;
+    modalChange: EventEmitter<boolean>;
+    constructor();
+    handleClose(): void;
+    template: (open: boolean) => string;
+    render(): string;
+}
+export { ModalComponent, ModalStyle as ModalConfig };

package/dist/components/modal/modal.config.d.ts

@@ -0,0 +1,56 @@
+export declare const ModalStyle: {
+    base: string;
+    duration: {
+        "0": string;
+        "100": string;
+        "150": string;
+        "200": string;
+        "300": string;
+        "500": string;
+        "700": string;
+        "1000": string;
+        "1200": string;
+        "1300": string;
+        "2000": string;
+    };
+    rounded: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        full: string;
+    };
+    direction: {
+        up: {
+            startX: string;
+            endX: string;
+            startY: string;
+            endY: string;
+        };
+        down: {
+            startX: string;
+            endX: string;
+            startY: string;
+            endY: string;
+        };
+        left: {
+            startX: string;
+            endX: string;
+            startY: string;
+            endY: string;
+        };
+        right: {
+            startX: string;
+            endX: string;
+            startY: string;
+            endY: string;
+        };
+    };
+};
+type ModalRounded = keyof typeof ModalStyle.rounded;
+type ModalDuration = keyof typeof ModalStyle.duration;
+type ModalDirection = keyof typeof ModalStyle.direction;
+export type { ModalRounded, ModalDuration, ModalDirection };

package/dist/components/placeholder/placeholder.component.d.ts

@@ -0,0 +1,6 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+export declare class PlaceholderComponent extends BaseElement {
+    className: string;
+    constructor();
+    render(): string;
+}

package/dist/components/popover/popover.component.d.ts

@@ -0,0 +1,25 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core';
+import { Placement } from '../../utils/position-calculator.utils.ts';
+declare class PopoverComponent extends BaseElement {
+    isOpen: boolean;
+    placement: Placement;
+    offset: string;
+    label: string;
+    content: string;
+    posX: number;
+    posY: number;
+    constructor();
+    private extractResource;
+    afterViewInit(): Promise<void>;
+    handlePopover(): void;
+    updatePosition(): void;
+    handleWindowClick(event: Event): void;
+    render(): string;
+}
+type PopoverPosition = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export { PopoverComponent, type PopoverPosition };

package/dist/components/test/count-button.component.d.ts

@@ -0,0 +1,9 @@
+import { BaseElement, EventEmitter } from '@ayu-sh-kr/dota-core/dist';
+export declare class CountButtonComponent extends BaseElement {
+    count: number;
+    constructor();
+    valueChange: EventEmitter<number>;
+    increment(): void;
+    decrement(): void;
+    render(): string;
+}

package/dist/components/test/counter.component.d.ts

@@ -0,0 +1,7 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+export declare class CounterComponent extends BaseElement {
+    count: number;
+    constructor();
+    handleCountChange(event: any): void;
+    render(): string;
+}

package/dist/components/utils/scaffold.component.d.ts

@@ -0,0 +1,7 @@
+import { BaseElement } from '@ayu-sh-kr/dota-core/dist';
+export declare class ScaffoldComponent extends BaseElement {
+    className: string;
+    content: string;
+    constructor();
+    render(): string;
+}

package/dist/dota-ui.d.ts

@@ -0,0 +1,2 @@
+export * from './index'
+export {}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';