holie-vkit 1.1.10 → 1.1.12

package/dist/components/Accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/Accordion.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronDown } from "lucide-react";
+// Utility function for classnames (copied from holie-vkit or use your own implementation)
+function cn(...classes) {
+    return classes.filter(Boolean).join(" ");
+}
+const Accordion = AccordionPrimitive.Root;
+const AccordionItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(AccordionPrimitive.Item, { ref: ref, className: cn("border-b", className), ...props })));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { ref: ref, className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })] }) })));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(AccordionPrimitive.Content, { ref: ref, className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", ...props, children: _jsx("div", { className: cn("pb-4 pt-0", className), children: children }) })));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/hooks/useToast.d.ts

@@ -0,0 +1,10 @@
+export interface ToastOptions {
+    message: string;
+    type?: "info" | "success" | "warning" | "error";
+    duration?: number;
+}
+export declare function useToast(): {
+    showToast: (options: ToastOptions) => void;
+    hideToast: () => void;
+    ToastComponent: () => import("react/jsx-runtime").JSX.Element | null;
+};

package/dist/hooks/useToast.js

@@ -1,2 +1,26 @@
-"use strict";
-// File intentionally removed. Use useToast.tsx instead.
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+export function useToast() {
+    const [toast, setToast] = React.useState(null);
+    const showToast = (options) => setToast(options);
+    const hideToast = () => setToast(null);
+    React.useEffect(() => {
+        if (toast && toast.duration !== 0) {
+            const timer = setTimeout(() => setToast(null), toast.duration || 3000);
+            return () => clearTimeout(timer);
+        }
+    }, [toast]);
+    let bgClass = "bg-blue-500 text-white";
+    if ((toast === null || toast === void 0 ? void 0 : toast.type) === "success")
+        bgClass = "bg-green-500 text-white";
+    else if ((toast === null || toast === void 0 ? void 0 : toast.type) === "error")
+        bgClass = "bg-red-500 text-white";
+    else if ((toast === null || toast === void 0 ? void 0 : toast.type) === "warning")
+        bgClass = "bg-yellow-500 text-black";
+    function ToastComponent() {
+        if (!toast)
+            return null;
+        return (_jsx("div", { className: `fixed bottom-4 right-4 px-4 py-2 rounded shadow-lg z-50 ${bgClass}`, children: toast.message }));
+    }
+    return { showToast, hideToast, ToastComponent };
+}

package/dist/index.d.ts

@@ -38,3 +38,5 @@ export * from './components/Progress';
 export * from './components/Skeleton';
 export * from './components/Table';
 export * from './components/Toast';
+export * from './components/Accordion';
+export { useToast } from './hooks/useToast';

package/dist/index.js

@@ -39,3 +39,7 @@ export * from './components/Progress';
 export * from './components/Skeleton';
 export * from './components/Table';
 export * from './components/Toast';
+// Newly added
+export * from './components/Accordion';
+// Export hooks
+export { useToast } from './hooks/useToast';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "holie-vkit",
-  "version": "1.1.10",
+  "version": "1.1.12",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/index.js",
@@ -12,6 +12,7 @@
   },
   "dependencies": {
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-accordion": "^1.0.3",
     "lucide-react": "^0.563.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",