mta-design-system 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,350 @@
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { DayPicker, DayButton } from 'react-day-picker';
+import { Command as Command$1 } from 'cmdk';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as ProgressPrimitive from '@radix-ui/react-progress';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as LucideIcons from 'lucide-react';
+
+declare function cn(...inputs: ClassValue[]): string;
+
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): react_jsx_runtime.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
+
+declare function Card({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime.JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime.JSX.Element;
+
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
+
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime.JSX.Element;
+
+declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime.JSX.Element;
+declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime.JSX.Element;
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime.JSX.Element;
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime.JSX.Element;
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime.JSX.Element;
+
+interface SpinnerProps extends React.ComponentProps<"svg"> {
+    size?: "sm" | "md" | "lg" | "xl";
+}
+declare const Spinner: React.ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime.JSX.Element;
+
+declare function Table({ className, ...props }: React.ComponentProps<"table">): react_jsx_runtime.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): react_jsx_runtime.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): react_jsx_runtime.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): react_jsx_runtime.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): react_jsx_runtime.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): react_jsx_runtime.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): react_jsx_runtime.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): react_jsx_runtime.JSX.Element;
+
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): react_jsx_runtime.JSX.Element;
+
+declare const themeStyles: {
+    readonly Default: {
+        readonly primary: "var(--claimmind-primary)";
+        readonly secondary: "var(--claimmind-secondary)";
+        readonly tertiary: "var(--claimmind-tertiary)";
+        readonly success: "var(--claimmind-success)";
+        readonly danger: "var(--claimmind-danger)";
+        readonly background: "var(--claimmind-background)";
+    };
+    readonly Owlexa: {
+        readonly primary: "var(--owlexa-primary)";
+        readonly secondary: "var(--owlexa-secondary)";
+        readonly tertiary: "var(--owlexa-tertiary)";
+        readonly success: "var(--owlexa-success)";
+        readonly danger: "var(--owlexa-danger)";
+        readonly background: "var(--owlexa-background)";
+    };
+    readonly BPJS: {
+        readonly primary: "var(--bpjs-primary)";
+        readonly secondary: "var(--bpjs-secondary)";
+        readonly tertiary: "var(--bpjs-tertiary)";
+        readonly success: "var(--bpjs-success)";
+        readonly danger: "var(--bpjs-danger)";
+        readonly background: "var(--bpjs-background)";
+    };
+};
+type ClaimMindTheme = keyof typeof themeStyles;
+
+interface Props$a extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    label?: string;
+    size?: 'default' | 'sm' | 'lg' | 'icon';
+    variant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
+    theme?: ClaimMindTheme;
+    className?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    /** Nama ikon di sisi kiri */
+    leftIconName?: keyof typeof LucideIcons;
+    /** Nama ikon di sisi kanan */
+    rightIconName?: keyof typeof LucideIcons;
+}
+declare const ClaimMindButton: React.ForwardRefExoticComponent<Props$a & React.RefAttributes<HTMLButtonElement>>;
+
+interface Props$9 extends React.ComponentProps<"input"> {
+    theme?: ClaimMindTheme;
+}
+declare const ClaimMindInput: React.ForwardRefExoticComponent<Omit<Props$9, "ref"> & React.RefAttributes<HTMLInputElement>>;
+
+interface Props$8 {
+    theme?: ClaimMindTheme;
+    size?: "sm" | "md" | "lg" | "xl";
+    className?: string;
+}
+declare function ClaimMindSpinner({ theme, size, className }: Props$8): react_jsx_runtime.JSX.Element;
+
+interface Props$7 extends React.ComponentProps<typeof Alert> {
+    theme?: ClaimMindTheme;
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+declare function ClaimMindAlert({ theme, title, description, icon, className, children, ...props }: Props$7): react_jsx_runtime.JSX.Element;
+
+interface Props$6 extends React.ComponentPropsWithoutRef<typeof Switch> {
+    theme?: ClaimMindTheme;
+}
+declare const ClaimMindSwitch: React.ForwardRefExoticComponent<Props$6 & React.RefAttributes<HTMLButtonElement>>;
+
+interface Props$5 {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    theme?: ClaimMindTheme;
+    variant?: 'theme' | 'general';
+    side?: "top" | "right" | "bottom" | "left";
+}
+declare function ClaimMindTooltip({ content, children, theme, variant, side }: Props$5): react_jsx_runtime.JSX.Element;
+
+interface Props$4 extends React.ComponentProps<typeof Card> {
+    theme?: ClaimMindTheme;
+    showTopBorder?: boolean;
+}
+declare function ClaimMindCard({ theme, showTopBorder, className, children, ...props }: Props$4): react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    value: string;
+    label: string;
+}
+interface Props$3 {
+    placeholder?: string;
+    options: SelectOption[];
+    theme?: ClaimMindTheme;
+    className?: string;
+    label?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+}
+declare const ClaimMindSelect: ({ placeholder, options, theme, className, label, value, onValueChange, disabled }: Props$3) => react_jsx_runtime.JSX.Element;
+
+interface ComboboxOption {
+    value: string;
+    label: string;
+}
+interface Props$2 {
+    options: ComboboxOption[];
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyText?: string;
+    theme?: ClaimMindTheme;
+    className?: string;
+    label?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    disabled?: boolean;
+}
+declare function ClaimMindCombobox({ options, placeholder, searchPlaceholder, emptyText, theme, className, label, value, onValueChange, disabled }: Props$2): react_jsx_runtime.JSX.Element;
+
+interface ClaimMindDialogProps extends React.ComponentProps<typeof Dialog> {
+    theme?: ClaimMindTheme;
+}
+declare const ClaimMindDialog: ({ theme, ...props }: ClaimMindDialogProps) => react_jsx_runtime.JSX.Element;
+interface ClaimMindDialogContentProps extends React.ComponentProps<typeof DialogContent> {
+    theme?: ClaimMindTheme;
+}
+declare const ClaimMindDialogContent: React.ForwardRefExoticComponent<Omit<ClaimMindDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ClaimMindDialogHeader: ({ className, ...props }: React.ComponentProps<typeof DialogHeader>) => react_jsx_runtime.JSX.Element;
+declare const ClaimMindDialogFooter: ({ className, ...props }: React.ComponentProps<typeof DialogFooter>) => react_jsx_runtime.JSX.Element;
+declare const ClaimMindDialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & {
+    theme?: ClaimMindTheme;
+} & React.RefAttributes<HTMLHeadingElement>>;
+declare const ClaimMindDialogDescription: ({ className, ...props }: React.ComponentProps<typeof DialogDescription>) => react_jsx_runtime.JSX.Element;
+
+declare const ClaimMindDialogTrigger: typeof DialogTrigger;
+declare const ClaimMindDialogClose: typeof DialogClose;
+
+interface Props$1 extends React.ComponentProps<typeof Table> {
+    theme?: ClaimMindTheme;
+    variant?: 'default' | 'striped';
+}
+declare const ClaimMindTable: React.ForwardRefExoticComponent<Omit<Props$1, "ref"> & React.RefAttributes<HTMLTableElement>>;
+
+interface Props {
+    date?: Date;
+    setDate?: (date: Date | undefined) => void;
+    placeholder?: string;
+    theme?: ClaimMindTheme;
+    className?: string;
+}
+declare function ClaimMindDatePicker({ date, setDate, placeholder, theme, className }: Props): react_jsx_runtime.JSX.Element;
+
+interface ChatMessage {
+    id: string;
+    text: string;
+    sender: 'user' | 'bot';
+    timestamp: Date;
+}
+interface ChatProps {
+    theme?: ClaimMindTheme;
+    variant?: 'float' | 'bottom-side';
+    title?: string;
+    messages?: ChatMessage[];
+    onSendMessage?: (message: string) => void;
+    isOpen?: boolean;
+    onToggle?: () => void;
+    placeholder?: string;
+    className?: string;
+}
+declare const Chat: ({ theme, variant, title, messages, onSendMessage, isOpen, onToggle, placeholder, className, }: ChatProps) => react_jsx_runtime.JSX.Element;
+
+interface TitleProps {
+    /** Teks judul yang ditampilkan */
+    children: React.ReactNode;
+    /** Ukuran font judul */
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
+    /** Nama ikon dari lucide-react (opsional) */
+    iconName?: keyof typeof LucideIcons;
+    /** Tema warna untuk ikon */
+    theme?: ClaimMindTheme;
+    /** Warna spesifik dari tema (opsional) */
+    colorVariant?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger';
+    /** Berat font */
+    fontWeight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    /** Class tambahan */
+    className?: string;
+}
+declare function Title({ children, size, iconName, theme, colorVariant, fontWeight, className }: TitleProps): react_jsx_runtime.JSX.Element;
+
+interface DashboardCardProps {
+    /** Judul atau label dari card (misal: "Total Klaim") */
+    label: string;
+    /** Nilai yang ditampilkan (misal: "5" atau "Rp 1.000.000") */
+    value: string | number;
+    /** Nama ikon dari lucide-react (opsional) */
+    iconName?: keyof typeof LucideIcons;
+    /** Elemen ikon kustom (opsional) */
+    icon?: React.ReactNode;
+    /** Tema warna */
+    theme?: ClaimMindTheme;
+    /** Varian warna untuk ikon (opsional) */
+    colorVariant?: 'primary' | 'secondary' | 'tertiary' | 'success' | 'danger';
+    /** Class tambahan */
+    className?: string;
+}
+declare function DashboardCard({ label, value, iconName, icon, theme, colorVariant, className }: DashboardCardProps): react_jsx_runtime.JSX.Element;
+
+interface SyncProgressProps {
+    theme?: ClaimMindTheme;
+    title?: string;
+    icon?: React.ReactNode;
+    iconName?: string;
+    status?: 'idle' | 'running' | 'completed' | 'error';
+    progress?: number;
+    totalItems?: number;
+    completedItems?: number;
+    description?: string;
+    className?: string;
+    variant?: 'Summary' | 'Validasi' | 'Healthcare Type';
+    inpatientCount?: number;
+    outpatientCount?: number;
+}
+declare function SyncProgress({ theme, title, icon, iconName, status, progress: manualProgress, totalItems, completedItems, description, className, variant, inpatientCount, outpatientCount }: SyncProgressProps): react_jsx_runtime.JSX.Element;
+
+interface LoginPageProps {
+    theme?: ClaimMindTheme;
+    title?: string;
+    description?: string;
+}
+declare const LoginPage: ({ theme, title, description }: LoginPageProps) => react_jsx_runtime.JSX.Element;
+
+export { Alert, AlertDescription, AlertTitle, Button, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatMessage, ClaimMindAlert, ClaimMindButton, ClaimMindCard, ClaimMindCombobox, ClaimMindDatePicker, ClaimMindDialog, ClaimMindDialogClose, ClaimMindDialogContent, ClaimMindDialogDescription, ClaimMindDialogFooter, ClaimMindDialogHeader, ClaimMindDialogTitle, ClaimMindDialogTrigger, ClaimMindInput, ClaimMindSelect, ClaimMindSpinner, ClaimMindSwitch, ClaimMindTable, type ClaimMindTheme, ClaimMindTooltip, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DashboardCard, type DashboardCardProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, Label, LoginPage, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Spinner, Switch, SyncProgress, type SyncProgressProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Title, type TitleProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonVariants, cn, themeStyles };