@ztwoint/z-ui 0.1.13 → 0.1.14

package/dist/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/components/assets/icons/z2-icon.js

@@ -1,7 +1,7 @@
-import { jsxs as L, jsx as C } from "react/jsx-runtime";
-function e({ title: i = "badge 13", ...t }) {
-  return /* @__PURE__ */ L("svg", { height: "22", width: "27", viewBox: "0 0 27 22", xmlns: "http://www.w3.org/2000/svg", ...t, children: [
-    /* @__PURE__ */ C("title", { children: i }),
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+function e({ title: L = "Z2-Logo", ...i }) {
+  return /* @__PURE__ */ t("svg", { height: "22", width: "27", viewBox: "0 0 27 22", xmlns: "http://www.w3.org/2000/svg", ...i, children: [
+    /* @__PURE__ */ C("title", { children: L }),
     /* @__PURE__ */ C("g", { fill: "none", children: /* @__PURE__ */ C(
       "path",
       {

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

@@ -1,5 +1,5 @@
+import { default as React } from 'react';
 import { 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/components/button/button.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as x, Fragment as g } from "react/jsx-runtime";
-import { Slot as O } from "@radix-ui/react-slot";
-import { cva as z } from "class-variance-authority";
-import * as w from "react";
+import O from "react";
+import { Slot as z } from "@radix-ui/react-slot";
+import { cva as w } from "class-variance-authority";
 import { cn as d } from "../../lib/utils.js";
-const N = z(
+const N = w(
   "box-border h-7.5 leading-none-medium-sm flex items-center justify-center whitespace-nowrap rounded-lg  select-none hover:cursor-pointer active:outline-none border-solid",
   {
     variants: {
@@ -70,7 +70,7 @@ const N = z(
       iconOnly: !1
     }
   }
-), k = w.forwardRef(
+), k = O.forwardRef(
   ({
     className: i,
     shade: c,
@@ -83,7 +83,7 @@ const N = z(
     children: l,
     ...p
   }, y) => {
-    const v = o ? O : "button", r = m || l, n = !r && !!(a || t), u = n ? a || t : null, h = d(
+    const v = o ? z : "button", r = m || l, n = !r && !!(a || t), u = n ? a || t : null, h = d(
       N({ shade: c, size: b, variant: f, iconOnly: n, className: i })
     ), s = "w-3.5 h-3.5";
     return /* @__PURE__ */ e(v, { className: h, ref: y, ...p, children: o ? l : n ? u ? /* @__PURE__ */ e("span", { className: s, children: u }) : null : /* @__PURE__ */ x(g, { children: [

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

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

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

@@ -0,0 +1,42 @@
+import { default as 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/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/components/file-upload-area/upload-icon-component.d.ts

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

package/dist/components/nav-header/nav-item/nav-item.js

@@ -1,26 +1,26 @@
-import { jsx as f } from "react/jsx-runtime";
-import c from "react";
-import { Button as i } from "../../button/button.js";
-import { cn as v } from "../../../lib/utils.js";
-const d = c.forwardRef(
-  ({ leftIcon: t, label: r, rightIcon: a, onClick: o, className: l, isActive: m, asChild: e, children: n, ...s }, u) => /* @__PURE__ */ f(
-    i,
+import { jsx as u } from "react/jsx-runtime";
+import v from "react";
+import { Button as f } from "../../button/button.js";
+import { cn as c } from "../../../lib/utils.js";
+const d = v.forwardRef(
+  ({ leftIcon: r, label: t, rightIcon: a, onClick: o, className: m, isActive: l, asChild: e, children: n, ...i }, s) => /* @__PURE__ */ u(
+    f,
     {
       variant: "ghost",
       shade: "neutralGhost",
       size: "large",
-      leftIcon: t,
+      leftIcon: r,
       rightIcon: a,
-      label: r,
+      label: t,
       onClick: o,
-      className: v(
-        "text-inverted hover:surface-neutral-elevated active:surface-neutral-elevated ",
-        m && "surface-neutral-elevated",
-        l
+      className: c(
+        "text-inverted-primary hover:text-inverted-primary hover:surface-neutral-elevated active:surface-neutral-elevated ",
+        l && "surface-neutral-elevated",
+        m
       ),
       asChild: e,
-      ...s,
-      ref: u,
+      ...i,
+      ref: s,
       children: e ? n : null
     }
   )

package/dist/css/config/colors/backgrounds.css

@@ -3,18 +3,30 @@
   background-color: var(--color-neutral-00);
 }
 
-@utility bg-neutral-secondary {
+@utility bg-neutral-on-top {
+  background-color: var(--color-neutral-00);
+}
+
+@utility bg-neutral-light {
+  background-color: var(--color-neutral-25);
+}
+
+@utility bg-neutral-high {
+  background-color: var(--color-neutral-100);
+}
+
+@utility bg-neutral-medium {
   background-color: var(--color-neutral-50);
 }
 
-@utility bg-neutral-elevated {
-  background-color: var(--color-neutral-75);
+@utility bg-neutral-inverted-elevated {
+  background-color: var(--color-alpha-two-100);
 }
 
-@utility bg-neutral-attention {
-  background-color: var(--color-neutral-200);
+@utility bg-neutral-inverted-attention {
+  background-color: var(--color-alpha-two-200);
 }
 
-@utility bg-neutral-transparent {
-  background-color: var(--color-alpha-two-00);
+@utility bg-neutral-inverted-brand {
+  background-color: #001534;
 }

package/dist/css/config/colors/defaults.css

@@ -1,5 +1,6 @@
 @theme {
   --color-neutral-00: #ffffff;
+  --color-neutral-25: #fafafa;
   --color-neutral-50: #f6f6f6;
   --color-neutral-100: #e7e7e7;
   --color-neutral-150: #e0e0e0;
@@ -134,4 +135,7 @@
   --color-purple-alt-800: #c5adfb;
   --color-purple-alt-900: #dccefc;
   --color-purple-alt-950: #f3efff;
+
+  --shadow-custom:
+    0px 2px 4px 0px var(--color-alpha-one-50), 0px 0px 0px 0.5px var(--color-neutral-150);
 }

package/dist/css/config/config.css

@@ -15,7 +15,6 @@
 @import './colors/components/tab.css';
 @import './colors/components/alert.css';
 
-
 @theme {
   --font-family-sans: 'Inter Variable', sans-serif;
   --font-family-display: 'Inter Variable', sans-serif;