boottent-design 0.1.0

package/dist/types/main.d.ts

@@ -0,0 +1,572 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { ClassProp } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
+import { ComponentPropsWithRef } from 'react';
+import { DetailedHTMLProps } from 'react';
+import { DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES } from 'react';
+import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react';
+import * as React_2 from 'react';
+import { RefAttributes } from 'react';
+import { RefObject } from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+export declare const Accordion: React_2.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionContent: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionItem: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const AccordionTrigger: React_2.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+
+declare function ArrowDown({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+declare function ArrowDownButton({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+declare function ArrowUp({ size }: SvgIconType): JSX_2.Element;
+
+declare function Boottent120(): JSX_2.Element;
+
+declare function Boottent140(): JSX_2.Element;
+
+export declare const Box: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+ref?: ((instance: HTMLDivElement | null) => void | DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & RefAttributes<HTMLDivElement>>;
+
+declare type BoxProps = ComponentPropsWithRef<"div">;
+
+declare function Bubbles({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+declare function BubbleTip({ fill, className, }: SvgIconType): JSX_2.Element;
+
+export declare const Button: React_2.ForwardRefExoticComponent<ButtonProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface ButtonProps extends React_2.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    icLeft?: React_2.ReactNode;
+    icRight?: React_2.ReactNode;
+}
+
+declare function ButtonRight({ size, disabled }: Props): JSX_2.Element;
+
+export declare const buttonVariants: (props?: ({
+    theme?: "primary" | "secondary" | "etc" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "icon" | null | undefined;
+    variant?: "text" | "solid" | "outline" | null | undefined;
+    shape?: "square" | "rounded" | null | undefined;
+} & ClassProp) | undefined) => string;
+
+declare function Cancel({ size, fill }: SvgIconType): JSX_2.Element;
+
+declare function CardView({ size, fill, }: SvgIconType): JSX_2.Element;
+
+declare function Checkbox({ type, size }: Props_2): JSX_2.Element;
+
+declare function CircleFillArrowRight({ size, color, className, }: ReactIconProps): JSX_2.Element;
+
+export declare const cn: (...classes: ClassValue[]) => string;
+
+declare function Company({ fill, className }: SvgIconType): JSX_2.Element;
+
+declare function CopyLink(): JSX_2.Element;
+
+declare function DefaultProfile({ size }: SvgIconType): JSX_2.Element;
+
+declare function Facebook(): JSX_2.Element;
+
+declare function Filter({ fill, size }: SvgIconType): JSX_2.Element;
+
+declare function Google({ size }: SvgIconType): JSX_2.Element;
+
+declare function HeartFill({ size, fill, }: SvgIconType): JSX_2.Element;
+
+declare function HeartOutline({ size, fill, }: SvgIconType): JSX_2.Element;
+
+declare function Home({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+export declare const Icon: {
+    ArrowDown: typeof ArrowDown;
+    ArrowDownButton: typeof ArrowDownButton;
+    ArrowUp: typeof ArrowUp;
+    Boottent120: typeof Boottent120;
+    Boottent140: typeof Boottent140;
+    Bubbles: typeof Bubbles;
+    BubbleTip: typeof BubbleTip;
+    ButtonRight: typeof ButtonRight;
+    Cancel: typeof Cancel;
+    Cardview: typeof CardView;
+    Checkbox: typeof Checkbox;
+    Company: typeof Company;
+    CopyLink: typeof CopyLink;
+    DefaultProfile: typeof DefaultProfile;
+    Facebook: typeof Facebook;
+    Filter: typeof Filter;
+    Google: typeof Google;
+    HeartFill: typeof HeartFill;
+    HeartOutline: typeof HeartOutline;
+    Home: typeof Home;
+    Kakao: typeof Kakao;
+    KakaoFill: typeof KakaoFill;
+    Line: typeof Line;
+    Location: typeof Location_2;
+    Menu: typeof Menu;
+    Meta: typeof Meta;
+    Moreview: typeof MoreView;
+    New: typeof New;
+    Play: typeof Play;
+    Profile: typeof Profile;
+    Program: typeof Program;
+    Radio: typeof Radio;
+    Reset: typeof Reset;
+    RICircleFillArrowRight: typeof CircleFillArrowRight;
+    RIReturnRight: typeof ReturnRight;
+    RIZoomIn: typeof ZoomIn;
+    RIZoomOut: typeof ZoomOut;
+    Search: typeof Search;
+    TableView: typeof TableView;
+    Tooltip: typeof Tooltip;
+};
+
+export declare const Input: React_2.ForwardRefExoticComponent<InputProps & React_2.RefAttributes<HTMLInputElement>>;
+
+export declare interface InputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
+    icon?: React_2.ReactNode;
+    iconPosition?: "left" | "right";
+    error?: boolean;
+}
+
+declare function Kakao({ size, fill }: SvgIconType): JSX_2.Element;
+
+declare function KakaoFill({ size, className }: SvgIconType): JSX_2.Element;
+
+declare function Line(): JSX_2.Element;
+
+declare function Location_2({ fill, size, className, }: SvgIconType): JSX_2.Element;
+
+declare function Menu({ fill }: SvgIconType): JSX_2.Element;
+
+declare function Meta(): JSX_2.Element;
+
+declare function MoreView({ size, fill, }: SvgIconType): JSX_2.Element;
+
+declare function New({ size, fill }: SvgIconType): JSX_2.Element;
+
+declare function Play({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+declare function Profile({ fill, className }: SvgIconType): JSX_2.Element;
+
+declare function Program({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+declare type Props = {
+    size?: string;
+    disabled?: boolean;
+};
+
+declare type Props_2 = {
+    type: "disabled" | "checked" | "blank";
+    size?: string;
+};
+
+declare type Props_3 = {
+    type: "checked" | "blank";
+    size?: string;
+};
+
+declare function Radio({ type, size }: Props_3): JSX_2.Element;
+
+declare interface ReactIconProps {
+    size?: number;
+    color?: string;
+    className?: string;
+}
+
+declare function Reset({ size, fill }: SvgIconType): JSX_2.Element;
+
+declare function ReturnRight({ size, color, className, }: ReactIconProps): JSX_2.Element;
+
+declare function Search({ size, fill }: SvgIconType): JSX_2.Element;
+
+export declare const Stack: ({ className, ...props }: StackProps) => JSX_2.Element;
+
+declare type StackProps = BoxProps;
+
+declare type SvgIconType = {
+    size?: string;
+    fill?: string;
+    className?: string;
+};
+
+declare function TableView({ size, fill, }: SvgIconType): JSX_2.Element;
+
+declare function Tooltip({ size, fill, className, }: SvgIconType): JSX_2.Element;
+
+declare function ZoomIn({ size, color, className }: ReactIconProps): JSX_2.Element;
+
+declare function ZoomOut({ size, color, className }: ReactIconProps): JSX_2.Element;
+
+export { }
+
+declare namespace _default {
+    let content: string[];
+    namespace theme {
+        let fontSize: any;
+        let colors: {
+            grey: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            main: {
+                50: string;
+                100: string;
+                200: string;
+                300: string;
+                400: string;
+                500: string;
+                600: string;
+                700: string;
+                800: string;
+                900: string;
+                950: string;
+            };
+            red: {
+                50: string;
+                300: string;
+                400: string;
+                500: string;
+                '100': "#fee2e2";
+                '200': "#fecaca";
+                '600': "#dc2626";
+                '700': "#b91c1c";
+                '800': "#991b1b";
+                '900': "#7f1d1d";
+                '950': "#450a0a";
+            };
+            pink: {
+                50: string;
+                500: string;
+                '100': "#fce7f3";
+                '200': "#fbcfe8";
+                '300': "#f9a8d4";
+                '400': "#f472b6";
+                '600': "#db2777";
+                '700': "#be185d";
+                '800': "#9d174d";
+                '900': "#831843";
+                '950': "#500724";
+            };
+            yellow: {
+                100: string;
+                300: string;
+                400: string;
+                kakao: string;
+                '50': "#fefce8";
+                '200': "#fef08a";
+                '500': "#eab308";
+                '600': "#ca8a04";
+                '700': "#a16207";
+                '800': "#854d0e";
+                '900': "#713f12";
+                '950': "#422006";
+            };
+            orange: {
+                50: string;
+                500: string;
+                '100': "#ffedd5";
+                '200': "#fed7aa";
+                '300': "#fdba74";
+                '400': "#fb923c";
+                '600': "#ea580c";
+                '700': "#c2410c";
+                '800': "#9a3412";
+                '900': "#7c2d12";
+                '950': "#431407";
+            };
+            brown: {
+                50: string;
+                500: string;
+            };
+            lime: {
+                50: string;
+                500: string;
+                '100': "#ecfccb";
+                '200': "#d9f99d";
+                '300': "#bef264";
+                '400': "#a3e635";
+                '600': "#65a30d";
+                '700': "#4d7c0f";
+                '800': "#3f6212";
+                '900': "#365314";
+                '950': "#1a2e05";
+            };
+            green: {
+                50: string;
+                500: string;
+                naver: string;
+                '100': "#dcfce7";
+                '200': "#bbf7d0";
+                '300': "#86efac";
+                '400': "#4ade80";
+                '600': "#16a34a";
+                '700': "#15803d";
+                '800': "#166534";
+                '900': "#14532d";
+                '950': "#052e16";
+            };
+            teal: {
+                50: string;
+                500: string;
+                '100': "#ccfbf1";
+                '200': "#99f6e4";
+                '300': "#5eead4";
+                '400': "#2dd4bf";
+                '600': "#0d9488";
+                '700': "#0f766e";
+                '800': "#115e59";
+                '900': "#134e4a";
+                '950': "#042f2e";
+            };
+            blue: {
+                50: string;
+                100: string;
+                400: string;
+                500: string;
+                600: string;
+                '200': "#bfdbfe";
+                '300': "#93c5fd";
+                '700': "#1d4ed8";
+                '800': "#1e40af";
+                '900': "#1e3a8a";
+                '950': "#172554";
+            };
+            inherit: "inherit";
+            current: "currentColor";
+            transparent: "transparent";
+            black: "#000";
+            white: "#fff";
+            slate: {
+                "50": "#f8fafc";
+                "100": "#f1f5f9";
+                "200": "#e2e8f0";
+                "300": "#cbd5e1";
+                "400": "#94a3b8";
+                "500": "#64748b";
+                "600": "#475569";
+                "700": "#334155";
+                "800": "#1e293b";
+                "900": "#0f172a";
+                "950": "#020617";
+            };
+            gray: {
+                "50": "#f9fafb";
+                "100": "#f3f4f6";
+                "200": "#e5e7eb";
+                "300": "#d1d5db";
+                "400": "#9ca3af";
+                "500": "#6b7280";
+                "600": "#4b5563";
+                "700": "#374151";
+                "800": "#1f2937";
+                "900": "#111827";
+                "950": "#030712";
+            };
+            zinc: {
+                "50": "#fafafa";
+                "100": "#f4f4f5";
+                "200": "#e4e4e7";
+                "300": "#d4d4d8";
+                "400": "#a1a1aa";
+                "500": "#71717a";
+                "600": "#52525b";
+                "700": "#3f3f46";
+                "800": "#27272a";
+                "900": "#18181b";
+                "950": "#09090b";
+            };
+            neutral: {
+                "50": "#fafafa";
+                "100": "#f5f5f5";
+                "200": "#e5e5e5";
+                "300": "#d4d4d4";
+                "400": "#a3a3a3";
+                "500": "#737373";
+                "600": "#525252";
+                "700": "#404040";
+                "800": "#262626";
+                "900": "#171717";
+                "950": "#0a0a0a";
+            };
+            stone: {
+                "50": "#fafaf9";
+                "100": "#f5f5f4";
+                "200": "#e7e5e4";
+                "300": "#d6d3d1";
+                "400": "#a8a29e";
+                "500": "#78716c";
+                "600": "#57534e";
+                "700": "#44403c";
+                "800": "#292524";
+                "900": "#1c1917";
+                "950": "#0c0a09";
+            };
+            amber: {
+                "50": "#fffbeb";
+                "100": "#fef3c7";
+                "200": "#fde68a";
+                "300": "#fcd34d";
+                "400": "#fbbf24";
+                "500": "#f59e0b";
+                "600": "#d97706";
+                "700": "#b45309";
+                "800": "#92400e";
+                "900": "#78350f";
+                "950": "#451a03";
+            };
+            emerald: {
+                "50": "#ecfdf5";
+                "100": "#d1fae5";
+                "200": "#a7f3d0";
+                "300": "#6ee7b7";
+                "400": "#34d399";
+                "500": "#10b981";
+                "600": "#059669";
+                "700": "#047857";
+                "800": "#065f46";
+                "900": "#064e3b";
+                "950": "#022c22";
+            };
+            cyan: {
+                "50": "#ecfeff";
+                "100": "#cffafe";
+                "200": "#a5f3fc";
+                "300": "#67e8f9";
+                "400": "#22d3ee";
+                "500": "#06b6d4";
+                "600": "#0891b2";
+                "700": "#0e7490";
+                "800": "#155e75";
+                "900": "#164e63";
+                "950": "#083344";
+            };
+            sky: {
+                "50": "#f0f9ff";
+                "100": "#e0f2fe";
+                "200": "#bae6fd";
+                "300": "#7dd3fc";
+                "400": "#38bdf8";
+                "500": "#0ea5e9";
+                "600": "#0284c7";
+                "700": "#0369a1";
+                "800": "#075985";
+                "900": "#0c4a6e";
+                "950": "#082f49";
+            };
+            indigo: {
+                "50": "#eef2ff";
+                "100": "#e0e7ff";
+                "200": "#c7d2fe";
+                "300": "#a5b4fc";
+                "400": "#818cf8";
+                "500": "#6366f1";
+                "600": "#4f46e5";
+                "700": "#4338ca";
+                "800": "#3730a3";
+                "900": "#312e81";
+                "950": "#1e1b4b";
+            };
+            violet: {
+                "50": "#f5f3ff";
+                "100": "#ede9fe";
+                "200": "#ddd6fe";
+                "300": "#c4b5fd";
+                "400": "#a78bfa";
+                "500": "#8b5cf6";
+                "600": "#7c3aed";
+                "700": "#6d28d9";
+                "800": "#5b21b6";
+                "900": "#4c1d95";
+                "950": "#2e1065";
+            };
+            purple: {
+                "50": "#faf5ff";
+                "100": "#f3e8ff";
+                "200": "#e9d5ff";
+                "300": "#d8b4fe";
+                "400": "#c084fc";
+                "500": "#a855f7";
+                "600": "#9333ea";
+                "700": "#7e22ce";
+                "800": "#6b21a8";
+                "900": "#581c87";
+                "950": "#3b0764";
+            };
+            fuchsia: {
+                "50": "#fdf4ff";
+                "100": "#fae8ff";
+                "200": "#f5d0fe";
+                "300": "#f0abfc";
+                "400": "#e879f9";
+                "500": "#d946ef";
+                "600": "#c026d3";
+                "700": "#a21caf";
+                "800": "#86198f";
+                "900": "#701a75";
+                "950": "#4a044e";
+            };
+            rose: {
+                "50": "#fff1f2";
+                "100": "#ffe4e6";
+                "200": "#fecdd3";
+                "300": "#fda4af";
+                "400": "#fb7185";
+                "500": "#f43f5e";
+                "600": "#e11d48";
+                "700": "#be123c";
+                "800": "#9f1239";
+                "900": "#881337";
+                "950": "#4c0519";
+            };
+            lightBlue: import("tailwindcss/types/generated/colors").DefaultColors["sky"];
+            warmGray: import("tailwindcss/types/generated/colors").DefaultColors["stone"];
+            trueGray: import("tailwindcss/types/generated/colors").DefaultColors["neutral"];
+            coolGray: import("tailwindcss/types/generated/colors").DefaultColors["gray"];
+            blueGray: import("tailwindcss/types/generated/colors").DefaultColors["slate"];
+        };
+        namespace extend {
+            export namespace colors_1 {
+                let primary: {
+                    '50': "#eff6ff";
+                    '100': "#dbeafe";
+                    '200': "#bfdbfe";
+                    '300': "#93c5fd";
+                    '400': "#60a5fa";
+                    '500': "#3b82f6";
+                    '600': "#2563eb";
+                    '700': "#1d4ed8";
+                    '800': "#1e40af";
+                    '900': "#1e3a8a";
+                    '950': "#172554";
+                };
+            }
+            export { colors_1 as colors };
+        }
+    }
+    let plugins: never[];
+}
+
+declare namespace _default {
+    namespace plugins {
+        let tailwindcss: {};
+        let autoprefixer: {};
+    }
+}
+