@aivex/ui 0.1.0

package/README.md

@@ -0,0 +1,37 @@
+# @aivex/ui
+
+Aivex Design System UI Components for React.
+
+## Install
+
+```sh
+npm install @aivex/ui
+```
+
+## Usage
+
+Import components from the package root. The package includes its stylesheet automatically.
+
+```tsx
+import { Button } from "@aivex/ui";
+
+export function Example() {
+  return <Button>Button</Button>;
+}
+```
+
+The generated styles are namespaced with the `aivex:` Tailwind prefix and `--aivex-*` CSS variables to avoid collisions with application styles.
+
+## Requirements
+
+- React 19 or newer
+- React DOM 19 or newer
+
+## Development
+
+```sh
+pnpm install
+pnpm build
+pnpm typecheck
+pnpm lint
+```

package/dist/components/Alert/Alert.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, Ref } from "react";
+export type AlertType = "basic" | "info" | "success" | "warning" | "failed";
+export interface AlertAction {
+    label: string;
+    onClick?: () => void;
+}
+export interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    type?: AlertType;
+    title: string;
+    description?: string;
+    secondaryAction?: AlertAction;
+    primaryAction?: AlertAction;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Alert({ className, type, title, description, secondaryAction, primaryAction, ref, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export { Alert };

package/dist/components/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export type { AlertAction, AlertProps, AlertType } from "./Alert";
+export { Alert } from "./Alert";

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactNode, Ref } from "react";
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xxs" | "xs" | "xl" | "2xl" | null | undefined;
+    type?: "round" | "square" | "image" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface AvatarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    initials?: string;
+    icon?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Avatar({ className, size, type, src, alt, initials, icon, ref, ...props }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+export { Avatar, avatarVariants };

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1,2 @@
+export type { AvatarProps } from "./Avatar";
+export { Avatar, avatarVariants } from "./Avatar";

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, ReactNode, Ref } from "react";
+declare const badgeLabelVariants: (props?: ({
+    radius?: "circle" | "rect" | null | undefined;
+    size?: "sm" | "md" | "xs" | null | undefined;
+    style?: "borderless" | "border" | null | undefined;
+    color?: "blue" | "gray" | "red" | "green" | "yellow" | "orange" | "lime" | "teal" | "cyan" | "indigo" | "violet" | "pink" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeLabelProps extends Omit<HTMLAttributes<HTMLSpanElement>, "style" | "color">, VariantProps<typeof badgeLabelVariants> {
+    children?: ReactNode;
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function BadgeLabel({ className, radius, size, style, color, children, ref, ...props }: BadgeLabelProps): import("react/jsx-runtime").JSX.Element;
+declare const badgeDotVariants: (props?: ({
+    type?: "essential" | "new" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeDotProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeDotVariants> {
+    ref?: Ref<HTMLSpanElement>;
+}
+declare function BadgeDot({ className, type, size, ref, ...props }: BadgeDotProps): import("react/jsx-runtime").JSX.Element;
+export { BadgeDot, BadgeLabel, badgeDotVariants, badgeLabelVariants };

package/dist/components/Badge/index.d.ts

@@ -0,0 +1,2 @@
+export type { BadgeDotProps, BadgeLabelProps } from "./Badge";
+export { BadgeDot, BadgeLabel, badgeDotVariants, badgeLabelVariants } from "./Badge";

package/dist/components/BreadCrumb/BreadCrumb.d.ts

@@ -0,0 +1,19 @@
+import type { AnchorHTMLAttributes, HTMLAttributes, Ref } from "react";
+export interface BreadCrumbItemProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    label: string;
+    href?: string;
+    current?: boolean;
+    ref?: Ref<HTMLAnchorElement>;
+}
+declare function BreadCrumbItem({ className, label, href, current, ref, ...props }: BreadCrumbItemProps): import("react/jsx-runtime").JSX.Element;
+export interface BreadCrumbItemDef {
+    label: string;
+    href?: string;
+    current?: boolean;
+}
+export interface BreadCrumbProps extends HTMLAttributes<HTMLElement> {
+    items: BreadCrumbItemDef[];
+    ref?: Ref<HTMLElement>;
+}
+declare function BreadCrumb({ className, items, ref, ...props }: BreadCrumbProps): import("react/jsx-runtime").JSX.Element;
+export { BreadCrumb, BreadCrumbItem };

package/dist/components/BreadCrumb/index.d.ts

@@ -0,0 +1,2 @@
+export type { BreadCrumbItemDef, BreadCrumbItemProps, BreadCrumbProps } from "./BreadCrumb";
+export { BreadCrumb, BreadCrumbItem } from "./BreadCrumb";

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
+declare const buttonVariantStyles: (props?: ({
+    variant?: "solid" | "outline" | "ghost" | null | undefined;
+    color?: "danger" | "primary" | "secondary" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ButtonVariantProps = VariantProps<typeof buttonVariantStyles>;
+declare function buttonVariants({ variant, color, size, className, }?: ButtonVariantProps & {
+    className?: string;
+}): string;
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "color" | "prefix">, ButtonVariantProps {
+    asChild?: boolean;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function Button({ className, variant, color, size, asChild, ref, prefix, suffix, children, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export type { ButtonProps } from "./Button";
+export { Button, buttonVariants } from "./Button";

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, ReactNode, Ref } from "react";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Card({ className, children, ref, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+export { Card };

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export type { CardProps } from "./Card";
+export { Card } from "./Card";

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import { type VariantProps } from "class-variance-authority";
+import { type InputHTMLAttributes, type Ref } from "react";
+declare const checkboxVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type">, VariantProps<typeof checkboxVariants> {
+    label?: string;
+    indeterminate?: boolean;
+    ref?: Ref<HTMLInputElement>;
+}
+declare function Checkbox({ className, label, size, indeterminate, disabled, checked, defaultChecked, onChange, id, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export { Checkbox, checkboxVariants };

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export type { CheckboxProps } from "./Checkbox";
+export { Checkbox, checkboxVariants } from "./Checkbox";

package/dist/components/Chips/Chips.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonHTMLAttributes, type ReactNode, type Ref } from "react";
+declare const chipsVariants: (props?: ({
+    shape?: "rounded" | "rectangle" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    type?: "text" | "icon" | null | undefined;
+    active?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ChipsProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">, VariantProps<typeof chipsVariants> {
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+    defaultActive?: boolean;
+}
+declare function Chips({ className, shape, size, type, active, defaultActive, children, ref, onClick, ...props }: ChipsProps): import("react/jsx-runtime").JSX.Element;
+export { Chips, chipsVariants };

package/dist/components/Chips/index.d.ts

@@ -0,0 +1,2 @@
+export type { ChipsProps } from "./Chips";
+export { Chips, chipsVariants } from "./Chips";

package/dist/components/Divider/Divider.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, Ref } from "react";
+declare const dividerVariants: (props?: ({
+    strength?: "bold" | "basic" | null | undefined;
+    direction?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface DividerProps extends HTMLAttributes<HTMLHRElement>, VariantProps<typeof dividerVariants> {
+    ref?: Ref<HTMLHRElement>;
+}
+declare function Divider({ className, strength, direction, ref, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
+export { Divider, dividerVariants };

package/dist/components/Divider/index.d.ts

@@ -0,0 +1,2 @@
+export type { DividerProps } from "./Divider";
+export { Divider, dividerVariants } from "./Divider";

package/dist/components/Icon/index.d.ts

@@ -0,0 +1,276 @@
+interface IconProps {
+    size?: number;
+    color?: string;
+}
+export declare const AiVDataIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AiVOpsIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AiVisionIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddPointIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AdjustIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlignCenterIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlignLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AlignRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AngleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArchiveIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowElbowDownLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleUpFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCornerLeftTopIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowLeftRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowUpDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ApertureIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssistantRectIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BarcodeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BoundingBoxIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BellIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarkIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BookmarkFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BrightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CalendarIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CameraIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaretLineDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaretLineLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaretLineRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaretLineUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CaretUpDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChatIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckDoubleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CircleOutlineIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClosedEyesIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClipIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConnectedIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContrastIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CopyIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Copy1Icon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Copy2Icon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CreditCardIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CropIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CuttingIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefectGeneratorIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeleteIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DeletePointIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionDoubleDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionDoubleLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionDoubleRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionDoubleUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DirectionUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DisconnectedIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DotIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DownloadIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DragHandleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CircleDashedIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RectDashedIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TriangleDashedIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningTriangleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EraserIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExportIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FailedIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FilterFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FitIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FolderCloseIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FolderOpenIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FloppyDiskIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GalleryViewLargeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GalleryViewMediumIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GalleryViewSmallIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GlobalIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GraphIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GraphScatterIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GraphPieIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GuideHandleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GuideLineIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HamburgerIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HandIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HelpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HomeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HistoryIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImagesIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBrokenIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ImportIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KebabIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyboardIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyDeleteIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyReturnIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LabelPointIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LanguageIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LineIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinkIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LockIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LoginIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LogoutIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MailIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MapIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MapPinIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MeatballIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MinusIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MinusCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ModelIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MouseClickLeftIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MouseClickRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MoveIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MultiSelectionIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MuteIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewTabIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OpenEyesIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PasteIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PauseIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PauseCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PenIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PencilIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PinIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PixelIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlusIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlusCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PointIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PointEditIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushPinIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PushPinFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RectIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RedoIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RefreshIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RepeatIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RepeatOnceIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RocketIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RotateRectIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RotateRectOCRIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RulerIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScaleLeftBottomIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScaleLeftTopIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScaleRightBottomIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScaleRightTopIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SettingIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShuffleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SidebarIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SimplificationIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SmoothIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortAscendingIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortDescendingIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SoundIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StarIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StarFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StopIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StopCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StrokeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TeamIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TempIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextBoldIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextItalicIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextStrikethroughIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextUnderlineIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextH1Icon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextH2Icon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextH3Icon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TimeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UndoIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UneditableIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnlockIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UploadIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UserIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WheelIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkspaceIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Zoom100Icon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomInIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ZoomOutIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PackageIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TagIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TagFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AtIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ReadedMailIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TestIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MinimizeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StorageIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConfirmIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnreadIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MoveFolderIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AddFolderIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KeyIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowGoingUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowGoingDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuestionIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SendIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CSVFileIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RequestStatusIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AssistantPolyIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MagicWandIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AiSparkleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AiSparkleGradientIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MicroscopeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShapesIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExperimentIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CompareIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TargetIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotEqualIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DatabaseIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningCircleIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowRightDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowLeftUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowRightUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowLeftDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InfoFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PauseCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StopCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleRightFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleDownFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowCircleLeftFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WarningTriangleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TagFilledOpacityIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CloseCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlusCircleFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EmptyIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EqualIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ClipboardIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LightbulbIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LightingIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LightingFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MonitorIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PipelineIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PlayProgressIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowFlowIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ListPlayIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EnglishIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const KoreanIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SpecificAreaIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ArrowelbowDownRightIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HourglassIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbsUpIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbsDownIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThumbsDownFilledIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageMinimizeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageMaximizeIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PageIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MinimizeWindowIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TaskQueueIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ShrinkIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandIcon: ({ size, color }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,14 @@
+import { type VariantProps } from "class-variance-authority";
+import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
+declare const iconButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    shape?: "rounded" | "rectangle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type">, VariantProps<typeof iconButtonVariants> {
+    variant?: "default" | "on-color";
+    asChild?: boolean;
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function IconButton({ className, size, shape, variant, asChild, children, ref, ...props }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+export { IconButton, iconButtonVariants };

package/dist/components/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export type { IconButtonProps } from "./IconButton";
+export { IconButton, iconButtonVariants } from "./IconButton";

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+import type { InputHTMLAttributes, Ref } from "react";
+declare const inputWrapperVariants: (props?: ({
+    state?: "default" | "disabled" | "focused" | "error" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">, Pick<VariantProps<typeof inputWrapperVariants>, "size"> {
+    label?: string;
+    error?: boolean;
+    ref?: Ref<HTMLInputElement>;
+}
+declare function Input({ className, label, error, disabled, size, id, ref, onFocus, onBlur, ...props }: InputProps): import("react/jsx-runtime").JSX.Element;
+export { Input, inputWrapperVariants };

package/dist/components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export type { InputProps } from "./Input";
+export { Input, inputWrapperVariants } from "./Input";

package/dist/components/InteractionLayer/InteractionLayer.d.ts

@@ -0,0 +1,7 @@
+export type InteractionLayerVariant = "default" | "strong" | "danger" | "white";
+export interface InteractionLayerProps {
+    variant?: InteractionLayerVariant;
+    className?: string;
+}
+declare function InteractionLayer({ variant, className }: InteractionLayerProps): import("react/jsx-runtime").JSX.Element;
+export { InteractionLayer };

package/dist/components/InteractionLayer/index.d.ts

@@ -0,0 +1 @@
+export * from "./InteractionLayer";

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,18 @@
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode, Ref } from "react";
+declare const menuItemVariants: (props?: ({
+    danger?: boolean | null | undefined;
+    activated?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MenuItemProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    label: string;
+    icon?: ReactNode;
+    danger?: boolean;
+    activated?: boolean;
+    ref?: Ref<HTMLButtonElement>;
+}
+declare function MenuItem({ className, label, icon, danger, activated, disabled, onClick, ref, ...props }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+export interface MenuRootProps extends HTMLAttributes<HTMLDivElement> {
+    ref?: Ref<HTMLDivElement>;
+}
+declare function MenuRoot({ className, children, ref, ...props }: MenuRootProps): import("react/jsx-runtime").JSX.Element;
+export { MenuItem, MenuRoot, menuItemVariants };

package/dist/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export type { MenuItemProps, MenuRootProps } from "./Menu";
+export { MenuItem, MenuRoot, menuItemVariants } from "./Menu";

package/dist/components/Messagebox/Messagebox.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+import type { HTMLAttributes, Ref } from "react";
+declare const messageboxVariants: (props?: ({
+    type?: "danger" | "basic" | "info" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface MessageboxProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof messageboxVariants> {
+    message: string;
+    ref?: Ref<HTMLDivElement>;
+}
+declare function Messagebox({ className, type, message, ref, ...props }: MessageboxProps): import("react/jsx-runtime").JSX.Element;
+export { Messagebox, messageboxVariants };

package/dist/components/Messagebox/index.d.ts

@@ -0,0 +1,2 @@
+export type { MessageboxProps } from "./Messagebox";
+export { Messagebox, messageboxVariants } from "./Messagebox";