@ztwoint/z-ui 0.1.13 → 0.1.15

package/dist/index.d.ts

@@ -6,3 +6,6 @@ export * from './components/country-flags/country-flags';
 export * from './components/collapsible-side-nav-bar';
 export * from './components/tab/tab';
 export * from './components/tooltip/tooltip';
+export * from './components/dialog/dialog';
+export * from './components/file-upload-area/file-upload-area';
+export * from './components/stepper';

package/dist/index.js

@@ -1,67 +1,83 @@
 /* empty css                    */
-import { Alert as t, AlertDescription as a, AlertTitle as p } from "./components/alert/alert.js";
+import { Alert as a, AlertDescription as p, AlertTitle as i } from "./components/alert/alert.js";
 import { AlertCirclesIcon as m } from "./components/alert/icons/circles-icon.js";
-import { Button as i, buttonVariants as d } from "./components/button/button.js";
-import { NavHeader as s } from "./components/nav-header/nav-header.js";
+import { Button as l, buttonVariants as Z } from "./components/button/button.js";
+import { NavHeader as n } from "./components/nav-header/nav-header.js";
 import { NavItem as v } from "./components/nav-header/nav-item/nav-item.js";
-import { Input as l } from "./components/input/input.js";
-import { CountryFlags as B } from "./components/country-flags/country-flags.js";
-import { Z2SideNavBarProvider as C } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
-import { Z2SideNavBar as T, Z2SidebarVariants as b } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
-import { Z2SideNavBarHeader as A } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
-import { Z2SideNavBarContent as g } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
-import { Z2SideNavBarFooter as P } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
-import { Z2SideNavBarGroup as H } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
+import { Input as S } from "./components/input/input.js";
+import { CountryFlags as C } from "./components/country-flags/country-flags.js";
+import { Z2SideNavBarProvider as B } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
+import { Z2SideNavBar as N, Z2SidebarVariants as T } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
+import { Z2SideNavBarHeader as c } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
+import { Z2SideNavBarContent as P } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
+import { Z2SideNavBarFooter as H } from "./components/collapsible-side-nav-bar/side-nav-bar-footer.js";
+import { Z2SideNavBarGroup as F } from "./components/collapsible-side-nav-bar/side-nav-bar-group.js";
 import { Z2SideNavBarItem as W } from "./components/collapsible-side-nav-bar/side-nav-bar-item.js";
 import { Z2SideNavBarSeparator as h } from "./components/collapsible-side-nav-bar/side-nav-bar-separator.js";
-import { useZ2SideNavBar as F } from "./components/collapsible-side-nav-bar/context.js";
-import { Z2Popover as V } from "./components/collapsible-side-nav-bar/popover/popover.js";
-import { ChevronUpIcon as O } from "./components/assets/icons/chevron-up-icon.js";
-import { default as j } from "./components/assets/icons/sub-nav-indicator.js";
-import { default as q } from "./components/assets/icons/circles-icon.js";
-import { default as J } from "./components/assets/icons/database-copy.js";
-import { default as M } from "./components/assets/icons/window-left-copy.js";
-import { default as X } from "./components/assets/icons/sidebar-left-show-copy.js";
-import { SIDEBAR_WIDTH as $, SIDEBAR_WIDTH_COLLAPSED as rr } from "./components/collapsible-side-nav-bar/constants.js";
-import { Z2Tabs as er, Z2TabsContent as tr, Z2TabsList as ar, Z2TabsTrigger as pr } from "./components/tab/tab.js";
-import { Z2Tooltip as mr } from "./components/tooltip/tooltip.js";
-import { Z2PopoverTrigger as ir } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as nr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { useZ2SideNavBar as O } from "./components/collapsible-side-nav-bar/context.js";
+import { Z2Popover as U } from "./components/collapsible-side-nav-bar/popover/popover.js";
+import { ChevronUpIcon as G } from "./components/assets/icons/chevron-up-icon.js";
+import { default as k } from "./components/assets/icons/sub-nav-indicator.js";
+import { default as z } from "./components/assets/icons/circles-icon.js";
+import { default as K } from "./components/assets/icons/database-copy.js";
+import { default as Q } from "./components/assets/icons/window-left-copy.js";
+import { default as Y } from "./components/assets/icons/sidebar-left-show-copy.js";
+import { SIDEBAR_WIDTH as oo, SIDEBAR_WIDTH_COLLAPSED as ro } from "./components/collapsible-side-nav-bar/constants.js";
+import { Z2Tabs as to, Z2TabsContent as ao, Z2TabsList as po, Z2TabsTrigger as io } from "./components/tab/tab.js";
+import { Z2Tooltip as mo } from "./components/tooltip/tooltip.js";
+import { Z2Dialog as lo, Z2DialogClose as Zo, Z2DialogContent as no, Z2DialogDescription as so, Z2DialogFooter as vo, Z2DialogHeader as Do, Z2DialogOverlay as So, Z2DialogPortal as go, Z2DialogTitle as Co, Z2DialogTrigger as uo } from "./components/dialog/dialog.js";
+import { FileUploadArea as Io } from "./components/file-upload-area/file-upload-area.js";
+import "./components/stepper/stepper.js";
+import { Z2StepperItem as To } from "./components/stepper/stepper-item/stepper-item.js";
+import { Z2PopoverTrigger as co } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as Po } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
-  t as Alert,
+  a as Alert,
   m as AlertCirclesIcon,
-  a as AlertDescription,
-  p as AlertTitle,
-  i as Button,
-  O as ChevronUpIcon,
-  q as CirclesIcon,
-  B as CountryFlags,
-  J as DatabaseCopy,
-  l as Input,
-  s as NavHeader,
+  p as AlertDescription,
+  i as AlertTitle,
+  l as Button,
+  G as ChevronUpIcon,
+  z as CirclesIcon,
+  C as CountryFlags,
+  K as DatabaseCopy,
+  Io as FileUploadArea,
+  S as Input,
+  n as NavHeader,
   v as NavItem,
-  $ as SIDEBAR_WIDTH,
-  rr as SIDEBAR_WIDTH_COLLAPSED,
-  X as SidebarLeftShowCopy,
-  j as SubNavIndicator,
-  M as WindowLeftCopy,
-  V as Z2Popover,
-  nr as Z2PopoverContent,
-  ir as Z2PopoverTrigger,
-  T as Z2SideNavBar,
-  g as Z2SideNavBarContent,
-  P as Z2SideNavBarFooter,
-  H as Z2SideNavBarGroup,
-  A as Z2SideNavBarHeader,
+  oo as SIDEBAR_WIDTH,
+  ro as SIDEBAR_WIDTH_COLLAPSED,
+  Y as SidebarLeftShowCopy,
+  k as SubNavIndicator,
+  Q as WindowLeftCopy,
+  lo as Z2Dialog,
+  Zo as Z2DialogClose,
+  no as Z2DialogContent,
+  so as Z2DialogDescription,
+  vo as Z2DialogFooter,
+  Do as Z2DialogHeader,
+  So as Z2DialogOverlay,
+  go as Z2DialogPortal,
+  Co as Z2DialogTitle,
+  uo as Z2DialogTrigger,
+  U as Z2Popover,
+  Po as Z2PopoverContent,
+  co as Z2PopoverTrigger,
+  N as Z2SideNavBar,
+  P as Z2SideNavBarContent,
+  H as Z2SideNavBarFooter,
+  F as Z2SideNavBarGroup,
+  c as Z2SideNavBarHeader,
   W as Z2SideNavBarItem,
-  C as Z2SideNavBarProvider,
+  B as Z2SideNavBarProvider,
   h as Z2SideNavBarSeparator,
-  b as Z2SidebarVariants,
-  er as Z2Tabs,
-  tr as Z2TabsContent,
-  ar as Z2TabsList,
-  pr as Z2TabsTrigger,
-  mr as Z2Tooltip,
-  d as buttonVariants,
-  F as useZ2SideNavBar
+  T as Z2SidebarVariants,
+  To as Z2StepperItem,
+  to as Z2Tabs,
+  ao as Z2TabsContent,
+  po as Z2TabsList,
+  io as Z2TabsTrigger,
+  mo as Z2Tooltip,
+  Z as buttonVariants,
+  O as useZ2SideNavBar
 };

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/dist/types/components/stepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './stepper';
+export * from './stepper-item/stepper-item';

package/dist/types/index.d.ts

@@ -7,3 +7,6 @@ export * from './components/country-flags/country-flags';
 export * from './components/collapsible-side-nav-bar';
 export * from './components/tab/tab';
 export * from './components/tooltip/tooltip';
+export * from './components/dialog/dialog';
+export * from './components/file-upload-area/file-upload-area';
+export * from './components/stepper';

package/package.json

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