@kusitms/ui 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,228 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as RadixAccordion from '@radix-ui/react-accordion';
+import { ComponentPropsWithoutRef, ReactNode, HTMLAttributes, PropsWithChildren, ButtonHTMLAttributes, SVGProps, InputHTMLAttributes, AnchorHTMLAttributes } from 'react';
+
+type RadixRootProps = ComponentPropsWithoutRef<typeof RadixAccordion.Root>;
+type AccordionProps = Omit<RadixRootProps, "asChild"> & {
+    collapsible?: boolean;
+};
+declare function AccordionRoot({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
+type AccordionItemProps = {
+    value: string;
+    question: ReactNode;
+    answer: ReactNode;
+    className?: string;
+};
+declare function AccordionItem({ value, question, answer, className, }: AccordionItemProps): react_jsx_runtime.JSX.Element;
+declare const Accordion: typeof AccordionRoot & {
+    Item: typeof AccordionItem;
+};
+
+type BlogProps = {
+    imageUrl: string;
+    title: string;
+    content: string;
+    labels: string[];
+};
+declare function Blog({ imageUrl, title, content, labels }: BlogProps): react_jsx_runtime.JSX.Element;
+
+type BottomGradientProps = HTMLAttributes<HTMLDivElement> & {
+    height?: number;
+};
+declare function BottomGradient({ height, className, style, ...props }: BottomGradientProps): react_jsx_runtime.JSX.Element;
+
+type ButtonProps = PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    showIcon?: boolean;
+}>;
+declare function Button({ children, className, disabled, showIcon, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+type NavigationButtonProps = PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+    icon?: ReactNode;
+    showArrow?: boolean;
+}>;
+declare function NavigationButton({ children, className, icon, showArrow, ...props }: NavigationButtonProps): react_jsx_runtime.JSX.Element;
+
+type PageNavButtonColor = "light" | "dark";
+type PageNavButtonDirection = "prev" | "next";
+type PageNavButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    color?: PageNavButtonColor;
+    direction?: PageNavButtonDirection;
+    className?: string;
+};
+declare function PageNavButton({ className, color, direction, ...props }: PageNavButtonProps): react_jsx_runtime.JSX.Element;
+
+type ScrollTopButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    className?: string;
+};
+declare function ScrollTopButton({ className, ...props }: ScrollTopButtonProps): react_jsx_runtime.JSX.Element;
+
+type RecruitmentCardType = "default" | "titled";
+type RecruitmentCardProps = {
+    type: RecruitmentCardType;
+    graphic: React.ComponentType<SVGProps<SVGSVGElement>>;
+    title?: string;
+    description: string;
+};
+declare function RecruitmentCard({ type, graphic: Graphic, title, description, }: RecruitmentCardProps): react_jsx_runtime.JSX.Element;
+
+type ReviewCardProps = {
+    name: string;
+    part: string;
+    body: string;
+};
+declare function ReviewCard({ name, part, body }: ReviewCardProps): react_jsx_runtime.JSX.Element;
+
+type ShowcaseCardType = "WEB" | "APP";
+type ShowcaseCardProps = {
+    name: string;
+    description: string;
+    th: number;
+    isMeetup?: boolean;
+    type: ShowcaseCardType;
+    imageUrl: string;
+};
+declare function ShowcaseCard({ name, description, th, isMeetup, type, imageUrl, }: ShowcaseCardProps): react_jsx_runtime.JSX.Element;
+
+type DropdownOption = {
+    value: string;
+    label: string;
+};
+type DropdownProps = {
+    options: DropdownOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+};
+declare function Dropdown({ options, value, defaultValue, onValueChange, placeholder, disabled, className, }: DropdownProps): react_jsx_runtime.JSX.Element;
+
+type EmailInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange" | "size" | "type"> & {
+    value: string;
+    onChange: (value: string) => void;
+    onSubmit?: (value: string) => void;
+    validate?: (value: string) => boolean;
+    buttonLabel?: string;
+    buttonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onClick" | "disabled" | "type">;
+    className?: string;
+};
+declare function EmailInput({ value, onChange, onSubmit, validate, buttonLabel, buttonProps, disabled, className, placeholder, ...inputProps }: EmailInputProps): react_jsx_runtime.JSX.Element;
+
+type FooterProps = HTMLAttributes<HTMLElement> & {
+    logo?: ReactNode;
+    mobileLogo?: ReactNode;
+    links?: ReactNode;
+    contactIcons?: ReactNode;
+    copyright?: string;
+    scrollTopButton?: ReactNode;
+    bylawsHref?: string;
+    bylawsLabel?: string;
+};
+declare function Footer({ logo, mobileLogo, links, contactIcons, copyright, scrollTopButton, bylawsHref, bylawsLabel, className, ...props }: FooterProps): react_jsx_runtime.JSX.Element;
+
+type HeaderProps = HTMLAttributes<HTMLElement> & {
+    logo?: ReactNode;
+    children?: ReactNode;
+    mobileLogo?: ReactNode;
+    menuIcon?: ReactNode;
+    closeIcon?: ReactNode;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    menuId?: string;
+};
+declare function Header({ logo, children, mobileLogo, menuIcon, closeIcon, isOpen, defaultOpen, onOpenChange, menuId, className, ...props }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+type HeaderNavState = "default" | "hovered" | "pressed";
+type HeaderNavigationBaseProps = {
+    state?: HeaderNavState;
+};
+type HeaderNavigationButtonProps = PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & HeaderNavigationBaseProps & {
+    href?: undefined;
+}>;
+type HeaderNavigationLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement> & HeaderNavigationBaseProps & {
+    href: string;
+}>;
+type HeaderNavigationProps = HeaderNavigationButtonProps | HeaderNavigationLinkProps;
+declare function HeaderNavigation({ children, className, state, ...props }: HeaderNavigationProps): react_jsx_runtime.JSX.Element;
+
+type LabelType = "brand" | "secondary" | "default";
+type LabelProps = PropsWithChildren<HTMLAttributes<HTMLSpanElement> & {
+    type?: LabelType;
+    description?: ReactNode;
+    className?: string;
+}>;
+declare function Label({ children, className, type, description, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
+
+type ListProps = {
+    title: string;
+    items: [string, string, string];
+};
+declare function List({ title, items }: ListProps): react_jsx_runtime.JSX.Element;
+
+type ModalTeamRole = {
+    role: string;
+    members: string[];
+};
+type ModalLinkType = "behance" | "github" | "service";
+type ModalLink = {
+    type: ModalLinkType;
+    label: string;
+    url: string;
+};
+type ModalProps = {
+    isOpen: boolean;
+    onClose: () => void;
+    onPrev?: () => void;
+    onNext?: () => void;
+    name: string;
+    th: number;
+    type: "WEB" | "APP";
+    imageUrl: string;
+    description: string;
+    teamRoles?: ModalTeamRole[];
+    links?: ModalLink[];
+};
+declare function Modal({ isOpen, onClose, onPrev, onNext, name, th, type, imageUrl, description, teamRoles, links, }: ModalProps): react_jsx_runtime.JSX.Element | null;
+
+type FilterDevice = "desktop" | "mobile" | "responsive";
+type FilterItemProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    children?: ReactNode;
+    active?: boolean;
+    device?: FilterDevice;
+};
+declare function FilterItem({ children, active, device, className, ...props }: FilterItemProps): react_jsx_runtime.JSX.Element;
+type NavigationFilterProps = HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    device?: FilterDevice;
+};
+declare function NavigationFilter({ children, device, className, ...props }: NavigationFilterProps): react_jsx_runtime.JSX.Element;
+
+type TabSize = "m" | "s" | "responsive";
+type NavigationTabItemProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type"> & {
+    children?: ReactNode;
+    active?: boolean;
+    size?: TabSize;
+};
+declare function NavigationTabItem({ children, active, size, className, ...props }: NavigationTabItemProps): react_jsx_runtime.JSX.Element;
+type NavigationTabProps = HTMLAttributes<HTMLDivElement> & {
+    children?: ReactNode;
+    size?: TabSize;
+};
+declare function NavigationTab({ children, size, className, ...props }: NavigationTabProps): react_jsx_runtime.JSX.Element;
+
+type PaginationProps = HTMLAttributes<HTMLDivElement> & {
+    currentPage?: number;
+    totalPages?: number;
+    onPageChange?: (page: number) => void;
+    prevIcon?: ReactNode;
+    nextIcon?: ReactNode;
+    firstIcon?: ReactNode;
+    lastIcon?: ReactNode;
+};
+declare function Pagination({ currentPage, totalPages, onPageChange, prevIcon, nextIcon, firstIcon, lastIcon, className, ...props }: PaginationProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, type AccordionItemProps, type AccordionProps, Blog, type BlogProps, BottomGradient, type BottomGradientProps, Button, type ButtonProps, Dropdown, type DropdownOption, type DropdownProps, EmailInput, type EmailInputProps, FilterItem, type FilterItemProps, Footer, type FooterProps, Header, HeaderNavigation, type HeaderNavigationProps, type HeaderProps, Label, type LabelProps, List, type ListProps, Modal, type ModalLink, type ModalLinkType, type ModalProps, type ModalTeamRole, NavigationButton, type NavigationButtonProps, NavigationFilter, type NavigationFilterProps, NavigationTab, NavigationTabItem, type NavigationTabItemProps, type NavigationTabProps, PageNavButton, type PageNavButtonProps, Pagination, type PaginationProps, RecruitmentCard, type RecruitmentCardProps, ReviewCard, type ReviewCardProps, ScrollTopButton, type ScrollTopButtonProps, ShowcaseCard, type ShowcaseCardProps };