@luxfi/ui 7.4.15 → 8.1.0

package/dist/drawer.d.ts

@@ -1,11 +1,6 @@
-import * as _hanzogui_core from '@hanzogui/core';
-import * as _hanzo_gui from '@hanzo/gui';
-import { Dialog, YStack, XStack } from '@hanzo/gui';
-import * as _hanzogui_web from '@hanzogui/web';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { Dialog, XStack, YStack } from '@hanzo/gui';
 import * as React from 'react';
-
-interface DrawerRootProps {
+export interface DrawerRootProps {
     children?: React.ReactNode;
     open?: boolean;
     defaultOpen?: boolean;
@@ -21,49 +16,49 @@ interface DrawerRootProps {
 }
 type Placement = 'left' | 'right' | 'top' | 'bottom';
 type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-declare const DrawerRoot: (props: DrawerRootProps) => react_jsx_runtime.JSX.Element;
-interface DrawerContentProps extends React.ComponentPropsWithoutRef<'div'> {
+export declare const DrawerRoot: (props: DrawerRootProps) => import("react/jsx-runtime").JSX.Element;
+export interface DrawerContentProps extends React.ComponentPropsWithoutRef<'div'> {
     portalled?: boolean;
     portalRef?: React.RefObject<HTMLElement>;
     offset?: string | number;
     backdrop?: boolean;
 }
-declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerCloseTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const DrawerTrigger: ({ asChild, children, ...rest }: React.ComponentProps<typeof Dialog.Trigger>) => react_jsx_runtime.JSX.Element;
-declare const DrawerHeader: ({ children, ...props }: React.ComponentProps<typeof YStack>) => react_jsx_runtime.JSX.Element;
-declare const DrawerBody: ({ children, ...props }: React.ComponentProps<typeof YStack>) => react_jsx_runtime.JSX.Element;
-declare const DrawerFooter: ({ children, ...props }: React.ComponentProps<typeof XStack>) => react_jsx_runtime.JSX.Element;
-declare const DrawerTitle: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+export declare const DrawerContent: React.ForwardRefExoticComponent<DrawerContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DrawerCloseTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerTrigger: ({ asChild, children, ...rest }: React.ComponentProps<typeof Dialog.Trigger>) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerHeader: ({ children, ...props }: React.ComponentProps<typeof YStack>) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerBody: ({ children, ...props }: React.ComponentProps<typeof YStack>) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerFooter: ({ children, ...props }: React.ComponentProps<typeof XStack>) => import("react/jsx-runtime").JSX.Element;
+export declare const DrawerTitle: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
 }>, "scope"> & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.TextStylePropsBase, {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const DrawerDescription: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_web.TextNonStyleProps, _hanzogui_web.TextStylePropsBase, {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const DrawerDescription: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/web").TextNonStyleProps, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
 }>, "scope"> & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiTextElement, _hanzogui_web.TextNonStyleProps & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.TextStylePropsBase, {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiTextElement, import("@hanzogui/web").TextNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").TextStylePropsBase, {
     unstyled?: boolean | undefined;
-    size?: _hanzogui_web.FontSizeTokens | undefined;
-}, _hanzogui_web.StaticConfigPublic>;
-declare const DrawerActionTrigger: _hanzogui_web.GuiComponent<Omit<_hanzogui_web.GetFinalProps<_hanzogui_core.RNGuiViewNonStyleProps, _hanzogui_web.StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
+    size?: import("@hanzogui/web").FontSizeTokens | undefined;
+}, import("@hanzogui/web").StaticConfigPublic>;
+export declare const DrawerActionTrigger: import("@hanzogui/web").GuiComponent<Omit<import("@hanzogui/web").GetFinalProps<import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {}>, "scope" | "displayWhenAdapted"> & {
     displayWhenAdapted?: boolean;
 } & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.GuiElement, _hanzogui_core.RNGuiViewNonStyleProps & {
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps & {
     displayWhenAdapted?: boolean;
 } & {
-    scope?: _hanzo_gui.DialogScopes;
-}, _hanzogui_web.StackStyleBase, {}, _hanzogui_web.StaticConfigPublic>;
-
-export { DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, type DrawerContentProps, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, type DrawerRootProps, DrawerTitle, DrawerTrigger };
+    scope?: import("@hanzo/gui").DialogScopes;
+}, import("@hanzogui/web").StackStyleBase, {}, import("@hanzogui/web").StaticConfigPublic>;
+export {};
+//# sourceMappingURL=drawer.d.ts.map

package/dist/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../src/drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAA2B,MAAM,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAyB/B,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,cAAc,CAAC,EAAE,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AACrD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAmBtD,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CAyChD,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC/E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuBD,eAAO,MAAM,aAAa,2FAiFzB,CAAC;AAIF,eAAO,MAAM,kBAAkB,kLAa7B,CAAC;AAEH,eAAO,MAAM,aAAa,GAAI,gCAAuC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,OAAO,CAAC,4CAY/G,CAAC;AAMF,eAAO,MAAM,YAAY,GAAI,wBAAwB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,4CAEvF,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,wBAAwB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,4CAErF,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,wBAAwB,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,4CAIvF,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;8CAAe,CAAC;AACxC,eAAO,MAAM,iBAAiB;;;;;;;;;;8CAAqB,CAAC;AACpD,eAAO,MAAM,mBAAmB;;;;;;;;0FAAe,CAAC"}

package/dist/dropzone.cjs

@@ -0,0 +1,116 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var lucideReact = require('lucide-react');
+var reactDropzone = require('react-dropzone');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Dropzone = React__namespace.forwardRef(
+  ({
+    className,
+    onFilesAccepted,
+    maxFiles = 5,
+    maxSize = 5242880,
+    // 5MB
+    accept = {
+      "image/*": [".png", ".jpg", ".jpeg", ".gif", ".webp"],
+      "application/pdf": [".pdf"]
+    },
+    disabled = false,
+    ...props
+  }, ref) => {
+    const [files, setFiles] = React__namespace.useState([]);
+    const { getRootProps, getInputProps, isDragActive } = reactDropzone.useDropzone({
+      onDrop: (acceptedFiles) => {
+        setFiles((prev) => [...prev, ...acceptedFiles].slice(0, maxFiles));
+        onFilesAccepted?.(acceptedFiles);
+      },
+      maxFiles,
+      maxSize,
+      accept,
+      disabled
+    });
+    const removeFile = (index) => {
+      setFiles((prev) => prev.filter((_, i) => i !== index));
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { ref, className: ui.cn("w-full", className), ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Box,
+        {
+          ...getRootProps(),
+          className: ui.cn(
+            "cursor-pointer rounded-lg border-2 border-dashed p-8 transition-colors",
+            isDragActive ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/50",
+            disabled && "cursor-not-allowed opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { ...getInputProps() }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex flex-col items-center justify-center gap-2 text-center", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { style: ui.css("h-8 w-8 text-muted-foreground") }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-sm font-medium", children: isDragActive ? "Drop files here" : "Drag & drop files here" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "p", className: "text-xs text-muted-foreground", children: [
+                  "or click to browse (max ",
+                  maxFiles,
+                  " files,",
+                  " ",
+                  Math.round(maxSize / 1024 / 1024),
+                  "MB each)"
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.Box,
+        {
+          className: "flex items-center gap-2 rounded-lg border p-2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { style: ui.css("h-4 w-4 text-muted-foreground") }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "flex-1 truncate text-sm", children: file.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "text-xs text-muted-foreground", children: [
+              (file.size / 1024).toFixed(1),
+              " KB"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Box,
+              {
+                tag: "button",
+                onClick: () => removeFile(index),
+                className: "rounded p-1 hover:bg-muted",
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { style: ui.css("h-4 w-4") })
+              }
+            )
+          ]
+        },
+        index
+      )) })
+    ] });
+  }
+);
+Dropzone.displayName = "Dropzone";
+
+exports.Dropzone = Dropzone;

package/dist/dropzone.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+interface DropzoneProps extends React.HTMLAttributes<HTMLDivElement> {
+    onFilesAccepted?: (files: File[]) => void;
+    maxFiles?: number;
+    maxSize?: number;
+    accept?: Record<string, string[]>;
+    disabled?: boolean;
+}
+declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLDivElement>>;
+export { Dropzone };
+//# sourceMappingURL=dropzone.d.ts.map

package/dist/dropzone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropzone.d.ts","sourceRoot":"","sources":["../src/dropzone.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,QAAQ,sFAqFb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/dropzone.js

@@ -0,0 +1,94 @@
+"use client";
+import * as React from 'react';
+import { Box, cn, css } from '@hanzo/ui';
+import { Upload, File, X } from 'lucide-react';
+import { useDropzone } from 'react-dropzone';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Dropzone = React.forwardRef(
+  ({
+    className,
+    onFilesAccepted,
+    maxFiles = 5,
+    maxSize = 5242880,
+    // 5MB
+    accept = {
+      "image/*": [".png", ".jpg", ".jpeg", ".gif", ".webp"],
+      "application/pdf": [".pdf"]
+    },
+    disabled = false,
+    ...props
+  }, ref) => {
+    const [files, setFiles] = React.useState([]);
+    const { getRootProps, getInputProps, isDragActive } = useDropzone({
+      onDrop: (acceptedFiles) => {
+        setFiles((prev) => [...prev, ...acceptedFiles].slice(0, maxFiles));
+        onFilesAccepted?.(acceptedFiles);
+      },
+      maxFiles,
+      maxSize,
+      accept,
+      disabled
+    });
+    const removeFile = (index) => {
+      setFiles((prev) => prev.filter((_, i) => i !== index));
+    };
+    return /* @__PURE__ */ jsxs(Box, { ref, className: cn("w-full", className), ...props, children: [
+      /* @__PURE__ */ jsxs(
+        Box,
+        {
+          ...getRootProps(),
+          className: cn(
+            "cursor-pointer rounded-lg border-2 border-dashed p-8 transition-colors",
+            isDragActive ? "border-primary bg-primary/5" : "border-muted-foreground/25 hover:border-muted-foreground/50",
+            disabled && "cursor-not-allowed opacity-50"
+          ),
+          children: [
+            /* @__PURE__ */ jsx("input", { ...getInputProps() }),
+            /* @__PURE__ */ jsxs(Box, { className: "flex flex-col items-center justify-center gap-2 text-center", children: [
+              /* @__PURE__ */ jsx(Upload, { style: css("h-8 w-8 text-muted-foreground") }),
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(Box, { tag: "p", className: "text-sm font-medium", children: isDragActive ? "Drop files here" : "Drag & drop files here" }),
+                /* @__PURE__ */ jsxs(Box, { tag: "p", className: "text-xs text-muted-foreground", children: [
+                  "or click to browse (max ",
+                  maxFiles,
+                  " files,",
+                  " ",
+                  Math.round(maxSize / 1024 / 1024),
+                  "MB each)"
+                ] })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      files.length > 0 && /* @__PURE__ */ jsx(Box, { className: "mt-4 space-y-2", children: files.map((file, index) => /* @__PURE__ */ jsxs(
+        Box,
+        {
+          className: "flex items-center gap-2 rounded-lg border p-2",
+          children: [
+            /* @__PURE__ */ jsx(File, { style: css("h-4 w-4 text-muted-foreground") }),
+            /* @__PURE__ */ jsx(Box, { tag: "span", className: "flex-1 truncate text-sm", children: file.name }),
+            /* @__PURE__ */ jsxs(Box, { tag: "span", className: "text-xs text-muted-foreground", children: [
+              (file.size / 1024).toFixed(1),
+              " KB"
+            ] }),
+            /* @__PURE__ */ jsx(
+              Box,
+              {
+                tag: "button",
+                onClick: () => removeFile(index),
+                className: "rounded p-1 hover:bg-muted",
+                children: /* @__PURE__ */ jsx(X, { style: css("h-4 w-4") })
+              }
+            )
+          ]
+        },
+        index
+      )) })
+    ] });
+  }
+);
+Dropzone.displayName = "Dropzone";
+
+export { Dropzone };