@ztwoint/z-ui 0.1.13 → 0.1.14

package/dist/types/components/assets/icons/upload.d.ts

@@ -0,0 +1,8 @@
+import { SVGProps } from 'react';
+type IconProps = SVGProps<SVGSVGElement> & {
+    secondaryfill?: string;
+    strokewidth?: number;
+    title?: string;
+};
+declare function Upload({ fill, secondaryfill, strokewidth, width, height, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
+export default Upload;

package/dist/types/components/button/button.d.ts

@@ -1,5 +1,5 @@
+import React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
 declare const buttonVariants: (props?: ({
     variant?: "stroke" | "ghost" | "filled" | null | undefined;
     shade?: "danger" | "neutral" | "brand" | "neutralGhost" | null | undefined;

package/dist/types/components/file-upload-area/file-upload-area.const.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_ACCEPT: string[];

package/dist/types/components/file-upload-area/file-upload-area.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+export type FileUploadAreaProps = {
+    onFilesSelected: (files: File[]) => void;
+    accept?: string[];
+    multiple?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+/**
+ * FileUploadArea component provides a drag-and-drop and click-to-upload area for file selection.
+ *
+ * Features:
+ * - Drag and drop file upload
+ * - Click to open file dialog
+ * - Supports multiple file formats (default: CSV, XLS, XLSX)
+ * - Supports multiple file selection
+ * - Disabled state (blocks all interaction and changes style)
+ * - Custom className for styling
+ * - Accessible and keyboard-navigable
+ *
+ * @component
+ * @param {FileUploadAreaProps} props - The props for FileUploadArea
+ * @returns {JSX.Element}
+ *
+ * @example <caption>Default usage</caption>
+ * <FileUploadArea onFilesSelected={files => console.log(files)} />
+ *
+ * @example <caption>Custom formats and single file</caption>
+ * <FileUploadArea
+ *   onFilesSelected={files => console.log(files)}
+ *   accept={[".pdf", ".docx"]}
+ *   multiple={false}
+ * />
+ *
+ * @example <caption>Disabled</caption>
+ * <FileUploadArea onFilesSelected={() => {}} disabled />
+ *
+ * @example <caption>Async handler</caption>
+ * <FileUploadArea onFilesSelected={async files => await uploadFiles(files)} />
+ */
+export declare const FileUploadArea: React.FC<FileUploadAreaProps>;
+export default FileUploadArea;

package/dist/types/components/file-upload-area/text-preset.d.ts

@@ -0,0 +1,4 @@
+declare function TextPreset({ accept }: {
+    accept: string[];
+}): import("react/jsx-runtime").JSX.Element;
+export default TextPreset;

package/dist/types/components/file-upload-area/upload-icon-component.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const UploadIconComponent: React.FC;
+export default UploadIconComponent;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",