holie-vkit 1.1.7 → 1.1.9

package/dist/components/Alert.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface AlertProps {
+    children: React.ReactNode;
+    type?: "info" | "success" | "warning" | "error";
+    className?: string;
+}
+export declare const Alert: React.FC<AlertProps>;

package/dist/components/Alert.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const typeStyles = {
+    info: "bg-blue-50 text-blue-800 border-blue-200",
+    success: "bg-green-50 text-green-800 border-green-200",
+    warning: "bg-yellow-50 text-yellow-800 border-yellow-200",
+    error: "bg-red-50 text-red-800 border-red-200",
+};
+export const Alert = ({ children, type = "info", className = '' }) => {
+    return (_jsx("div", { className: `border rounded px-4 py-3 ${typeStyles[type]} ${className}`, children: children }));
+};

package/dist/components/Avatar.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface AvatarProps {
+    src?: string;
+    alt?: string;
+    size?: number;
+    className?: string;
+    fallback?: React.ReactNode;
+}
+export declare const Avatar: React.FC<AvatarProps>;

package/dist/components/Avatar.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Avatar = ({ src, alt = "Avatar", size = 40, className = '', fallback }) => {
+    return (_jsx("span", { className: `inline-flex items-center justify-center rounded-full bg-gray-200 overflow-hidden ${className}`, style: { width: size, height: size }, children: src ? (_jsx("img", { src: src, alt: alt, className: "object-cover w-full h-full" })) : (fallback || _jsx("span", { className: "text-gray-500 text-sm", children: "?" })) }));
+};

package/dist/components/Badge.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface BadgeProps {
+    children: React.ReactNode;
+    color?: "default" | "primary" | "secondary" | "success" | "warning" | "error";
+    className?: string;
+}
+export declare const Badge: React.FC<BadgeProps>;

package/dist/components/Badge.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const colorStyles = {
+    default: "bg-gray-100 text-gray-800",
+    primary: "bg-blue-100 text-blue-800",
+    secondary: "bg-purple-100 text-purple-800",
+    success: "bg-green-100 text-green-800",
+    warning: "bg-yellow-100 text-yellow-800",
+    error: "bg-red-100 text-red-800",
+};
+export const Badge = ({ children, color = "default", className = '' }) => {
+    return (_jsx("span", { className: `inline-block px-2 py-0.5 rounded text-xs font-medium ${colorStyles[color]} ${className}`, children: children }));
+};

package/dist/components/Card.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: ({ children, className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardContent: ({ children, className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardFooter: ({ children, className, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Card.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export const Card = React.forwardRef(({ children, className = '', ...props }, ref) => (_jsx("div", { ref: ref, className: `rounded-lg border bg-background text-foreground shadow-sm ${className}`, ...props, children: children })));
+Card.displayName = 'Card';
+export const CardHeader = ({ children, className = '', ...props }) => (_jsx("div", { className: `p-4 border-b ${className}`, ...props, children: children }));
+export const CardContent = ({ children, className = '', ...props }) => (_jsx("div", { className: `p-4 ${className}`, ...props, children: children }));
+export const CardFooter = ({ children, className = '', ...props }) => (_jsx("div", { className: `p-4 border-t ${className}`, ...props, children: children }));

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: React.ReactNode;
+    className?: string;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Checkbox.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const Checkbox = React.forwardRef(({ label, className = '', ...props }, ref) => (_jsxs("label", { className: `inline-flex items-center gap-2 cursor-pointer ${className}`, children: [_jsx("input", { ref: ref, type: "checkbox", className: "accent-primary", ...props }), label && _jsx("span", { children: label })] })));
+Checkbox.displayName = 'Checkbox';

package/dist/components/Dialog.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface DialogProps {
+    open: boolean;
+    onClose: () => void;
+    title?: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Dialog: React.FC<DialogProps>;

package/dist/components/Dialog.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Dialog = ({ open, onClose, title, children, className = '' }) => {
+    if (!open)
+        return null;
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [_jsx("div", { className: "fixed inset-0 bg-black/40", onClick: onClose }), _jsxs("div", { className: `relative bg-white rounded shadow-lg p-6 z-10 min-w-[320px] max-w-full ${className}`, children: [title && _jsx("div", { className: "font-semibold text-lg mb-2", children: title }), children, _jsx("button", { className: "absolute top-2 right-2 text-gray-400 hover:text-gray-600", onClick: onClose, "aria-label": "Close", children: "\u00D7" })] })] }));
+};

package/dist/components/DropdownMenu.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/DropdownMenu.js

@@ -0,0 +1,11 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+export const DropdownMenuContent = DropdownMenuPrimitive.Content;
+export const DropdownMenuItem = DropdownMenuPrimitive.Item;
+export const DropdownMenuGroup = DropdownMenuPrimitive.Group;
+export const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuSubTrigger = DropdownMenuPrimitive.SubTrigger;
+export const DropdownMenuSubContent = DropdownMenuPrimitive.SubContent;

package/dist/components/LanguageSwitcher.d.ts

@@ -1,2 +1,12 @@
 import React from 'react';
-export declare const LanguageSwitcher: React.FC;
+export interface LanguageSwitcherProps {
+    languages: {
+        code: string;
+        label: string;
+        flag?: string;
+    }[];
+    current: string;
+    onSelect: (lang: string) => void;
+    className?: string;
+}
+export declare const LanguageSwitcher: React.FC<LanguageSwitcherProps>;

package/dist/components/LanguageSwitcher.js

@@ -1,6 +1,4 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Placeholder for shared LanguageSwitcher
-export const LanguageSwitcher = () => {
-    // TODO: Implement shared logic or delegate to project-specific context
-    return _jsx("div", { children: "Language Switcher (shared)" });
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+export const LanguageSwitcher = ({ languages, current, onSelect, className = '', }) => {
+    return (_jsx("div", { className: `relative ${className}`, children: _jsx("select", { className: "rounded px-2 py-1 border bg-background text-foreground", value: current, onChange: e => onSelect(e.target.value), "aria-label": "Select language", children: languages.map(lang => (_jsxs("option", { value: lang.code, children: [lang.flag ? `${lang.flag} ` : '', lang.label] }, lang.code))) }) }));
 };

package/dist/components/Popover.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface PopoverProps {
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    className?: string;
+}
+export declare const Popover: React.FC<PopoverProps>;

package/dist/components/Popover.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const Popover = ({ trigger, content, className = '' }) => {
+    const [open, setOpen] = React.useState(false);
+    const popoverRef = React.useRef(null);
+    React.useEffect(() => {
+        function handleClickOutside(event) {
+            if (popoverRef.current && !popoverRef.current.contains(event.target)) {
+                setOpen(false);
+            }
+        }
+        if (open) {
+            document.addEventListener("mousedown", handleClickOutside);
+        }
+        else {
+            document.removeEventListener("mousedown", handleClickOutside);
+        }
+        return () => {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [open]);
+    return (_jsxs("span", { className: "relative inline-block", ref: popoverRef, children: [_jsx("span", { onClick: () => setOpen((v) => !v), children: trigger }), open && (_jsx("span", { className: `absolute z-50 left-1/2 -translate-x-1/2 mt-2 px-4 py-2 rounded bg-white border shadow-lg ${className}`, children: content }))] }));
+};

package/dist/components/Progress.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface ProgressProps {
+    value: number;
+    max?: number;
+    className?: string;
+}
+export declare const Progress: React.FC<ProgressProps>;

package/dist/components/Progress.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Progress = ({ value, max = 100, className = '' }) => {
+    const percent = Math.min(100, Math.max(0, (value / max) * 100));
+    return (_jsx("div", { className: `w-full bg-gray-200 rounded h-2 ${className}`, role: "progressbar", "aria-valuenow": value, "aria-valuemax": max, "aria-valuemin": 0, children: _jsx("div", { className: "bg-blue-500 h-2 rounded", style: { width: `${percent}%` } }) }));
+};

package/dist/components/Sheet.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface SheetProps {
+    open: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    side?: "left" | "right" | "top" | "bottom";
+    className?: string;
+}
+export declare const Sheet: React.FC<SheetProps>;

package/dist/components/Sheet.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Sheet = ({ open, onClose, children, side = "right", className = '' }) => {
+    if (!open)
+        return null;
+    let positionClass = "right-0 top-0 h-full w-80";
+    if (side === "left")
+        positionClass = "left-0 top-0 h-full w-80";
+    if (side === "top")
+        positionClass = "top-0 left-0 w-full h-80";
+    if (side === "bottom")
+        positionClass = "bottom-0 left-0 w-full h-80";
+    return (_jsxs("div", { className: "fixed inset-0 z-50 flex", children: [_jsx("div", { className: "fixed inset-0 bg-black/40", onClick: onClose }), _jsx("div", { className: `fixed bg-white shadow-lg transition-all duration-300 ${positionClass} ${className}`, children: children })] }));
+};

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface SkeletonProps {
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/components/Skeleton.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Skeleton = ({ width = '100%', height = 16, className = '', style }) => {
+    return (_jsx("span", { className: `inline-block bg-gray-200 animate-pulse rounded ${className}`, style: { width, height, ...style } }));
+};

package/dist/components/Table.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export interface TableProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Table: React.FC<TableProps>;
+export interface TableHeadProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TableHead: React.FC<TableHeadProps>;
+export interface TableBodyProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TableBody: React.FC<TableBodyProps>;
+export interface TableRowProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TableRow: React.FC<TableRowProps>;
+export interface TableCellProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const TableCell: React.FC<TableCellProps>;

package/dist/components/Table.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Table = ({ children, className = '' }) => (_jsx("div", { className: `overflow-x-auto ${className}`, children: _jsx("table", { className: "min-w-full border-collapse", children: children }) }));
+export const TableHead = ({ children, className = '' }) => (_jsx("thead", { className: className, children: children }));
+export const TableBody = ({ children, className = '' }) => (_jsx("tbody", { className: className, children: children }));
+export const TableRow = ({ children, className = '' }) => (_jsx("tr", { className: className, children: children }));
+export const TableCell = ({ children, className = '' }) => (_jsx("td", { className: `px-4 py-2 border-b ${className}`, children: children }));

package/dist/components/Toast.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface ToastProps {
+    message: string;
+    type?: "info" | "success" | "warning" | "error";
+    duration?: number;
+    onClose?: () => void;
+    className?: string;
+}
+export declare const Toast: React.FC<ToastProps>;

package/dist/components/Toast.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+const typeStyles = {
+    info: "bg-blue-500 text-white",
+    success: "bg-green-500 text-white",
+    warning: "bg-yellow-500 text-black",
+    error: "bg-red-500 text-white",
+};
+export const Toast = ({ message, type = "info", duration = 3000, onClose, className = '' }) => {
+    React.useEffect(() => {
+        if (!onClose)
+            return;
+        const timer = setTimeout(onClose, duration);
+        return () => clearTimeout(timer);
+    }, [onClose, duration]);
+    return (_jsx("div", { className: `fixed bottom-4 right-4 px-4 py-2 rounded shadow-lg z-50 ${typeStyles[type]} ${className}`, children: message }));
+};

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/Tooltip.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+export const Tooltip = ({ content, children, className = '' }) => {
+    const [visible, setVisible] = React.useState(false);
+    return (_jsxs("span", { className: "relative inline-block", onMouseEnter: () => setVisible(true), onMouseLeave: () => setVisible(false), children: [children, visible && (_jsx("span", { className: `absolute z-50 left-1/2 -translate-x-1/2 mt-2 px-2 py-1 rounded bg-black text-white text-xs whitespace-nowrap ${className}`, children: content }))] }));
+};

package/dist/hooks/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(breakpoint?: number): boolean;

package/dist/hooks/useIsMobile.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+export function useIsMobile(breakpoint = 768) {
+    const [isMobile, setIsMobile] = React.useState(typeof window !== "undefined" ? window.innerWidth < breakpoint : false);
+    React.useEffect(() => {
+        function handleResize() {
+            setIsMobile(window.innerWidth < breakpoint);
+        }
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, [breakpoint]);
+    return isMobile;
+}

package/dist/hooks/useMounted.d.ts

@@ -0,0 +1 @@
+export declare function useMounted(): boolean;

package/dist/hooks/useMounted.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export function useMounted() {
+    const [mounted, setMounted] = React.useState(false);
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    return mounted;
+}

package/dist/hooks/useToast.js

@@ -0,0 +1,2 @@
+"use strict";
+// File intentionally removed. Use useToast.tsx instead.

package/dist/index.d.ts

@@ -18,3 +18,23 @@ export * from './utils/translations';
 export * from './components/FormComponents';
 export * from './utils/formUtils';
 export * from './utils/validationUtils';
+export * from './components/Button';
+export * from './components/Input';
+export * from './components/Label';
+export * from './components/Tabs';
+export * from './components/Select';
+export * from './components/Switch';
+export * from './components/Textarea';
+export * from './components/Card';
+export * from './components/Checkbox';
+export * from './components/Tooltip';
+export * from './components/Popover';
+export * from './components/Sheet';
+export * from './components/Dialog';
+export * from './components/Alert';
+export * from './components/Badge';
+export * from './components/Avatar';
+export * from './components/Progress';
+export * from './components/Skeleton';
+export * from './components/Table';
+export * from './components/Toast';

package/dist/index.js

@@ -18,3 +18,24 @@ export * from './utils/translations';
 export * from './components/FormComponents';
 export * from './utils/formUtils';
 export * from './utils/validationUtils';
+// Export all UI components
+export * from './components/Button';
+export * from './components/Input';
+export * from './components/Label';
+export * from './components/Tabs';
+export * from './components/Select';
+export * from './components/Switch';
+export * from './components/Textarea';
+export * from './components/Card';
+export * from './components/Checkbox';
+export * from './components/Tooltip';
+export * from './components/Popover';
+export * from './components/Sheet';
+export * from './components/Dialog';
+export * from './components/Alert';
+export * from './components/Badge';
+export * from './components/Avatar';
+export * from './components/Progress';
+export * from './components/Skeleton';
+export * from './components/Table';
+export * from './components/Toast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holie-vkit",
-  "version": "1.1.7",
+  "version": "1.1.9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -11,8 +11,10 @@
     "build": "tsc"
   },
   "dependencies": {
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
     "lucide-react": "^0.563.0",
-    "react": "^18.0.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "zod": "^4.3.6"
   },
   "devDependencies": {