@luxfi/ui 8.0.0 → 8.1.0

package/dist/qr-code.cjs

@@ -0,0 +1,65 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var qrcode_react = require('qrcode.react');
+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 QRCode = React__namespace.forwardRef(
+  ({
+    className,
+    value,
+    size = 256,
+    level = "M",
+    bgColor = "#FFFFFF",
+    fgColor = "#000000",
+    includeMargin = false,
+    imageSettings,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        ref,
+        className: ui.cn("inline-flex items-center justify-center", className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          qrcode_react.QRCodeSVG,
+          {
+            value,
+            size,
+            level,
+            bgColor,
+            fgColor,
+            includeMargin,
+            imageSettings
+          }
+        )
+      }
+    );
+  }
+);
+QRCode.displayName = "QRCode";
+
+exports.QRCode = QRCode;

package/dist/qr-code.d.ts

@@ -0,0 +1,21 @@
+import * as React from "react";
+interface QRCodeImageSettings {
+    src: string;
+    height: number;
+    width: number;
+    excavate?: boolean;
+    x?: number;
+    y?: number;
+}
+interface QRCodeProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: string;
+    size?: number;
+    level?: "L" | "M" | "Q" | "H";
+    bgColor?: string;
+    fgColor?: string;
+    includeMargin?: boolean;
+    imageSettings?: QRCodeImageSettings;
+}
+declare const QRCode: React.ForwardRefExoticComponent<QRCodeProps & React.RefAttributes<HTMLDivElement>>;
+export { QRCode };
+//# sourceMappingURL=qr-code.d.ts.map

package/dist/qr-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"qr-code.d.ts","sourceRoot":"","sources":["../src/qr-code.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,mBAAmB;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,CAAC,CAAC,EAAE,MAAM,CAAA;IACV,CAAC,CAAC,EAAE,MAAM,CAAA;CACX;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,mBAAmB,CAAA;CACpC;AAED,QAAA,MAAM,MAAM,oFAiCX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/qr-code.js

@@ -0,0 +1,43 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { QRCodeSVG } from 'qrcode.react';
+import { jsx } from 'react/jsx-runtime';
+
+var QRCode = React.forwardRef(
+  ({
+    className,
+    value,
+    size = 256,
+    level = "M",
+    bgColor = "#FFFFFF",
+    fgColor = "#000000",
+    includeMargin = false,
+    imageSettings,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        ref,
+        className: cn("inline-flex items-center justify-center", className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          QRCodeSVG,
+          {
+            value,
+            size,
+            level,
+            bgColor,
+            fgColor,
+            includeMargin,
+            imageSettings
+          }
+        )
+      }
+    );
+  }
+);
+QRCode.displayName = "QRCode";
+
+export { QRCode };

package/dist/relative-time.cjs

@@ -0,0 +1,88 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+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 RelativeTime = React__namespace.forwardRef(
+  ({ className, date, format = "auto", updateInterval = 6e4, ...props }, ref) => {
+    const [relativeTime, setRelativeTime] = React__namespace.useState("");
+    const getRelativeTime = React__namespace.useCallback(() => {
+      const now = /* @__PURE__ */ new Date();
+      const then = new Date(date);
+      const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1e3);
+      if (format === "short") {
+        if (diffInSeconds < 60) return `${diffInSeconds}s`;
+        if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m`;
+        if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h`;
+        if (diffInSeconds < 604800)
+          return `${Math.floor(diffInSeconds / 86400)}d`;
+        if (diffInSeconds < 2592e3)
+          return `${Math.floor(diffInSeconds / 604800)}w`;
+        if (diffInSeconds < 31536e3)
+          return `${Math.floor(diffInSeconds / 2592e3)}mo`;
+        return `${Math.floor(diffInSeconds / 31536e3)}y`;
+      }
+      if (diffInSeconds < 60) return "just now";
+      if (diffInSeconds < 120) return "1 minute ago";
+      if (diffInSeconds < 3600)
+        return `${Math.floor(diffInSeconds / 60)} minutes ago`;
+      if (diffInSeconds < 7200) return "1 hour ago";
+      if (diffInSeconds < 86400)
+        return `${Math.floor(diffInSeconds / 3600)} hours ago`;
+      if (diffInSeconds < 172800) return "1 day ago";
+      if (diffInSeconds < 604800)
+        return `${Math.floor(diffInSeconds / 86400)} days ago`;
+      if (diffInSeconds < 1209600) return "1 week ago";
+      if (diffInSeconds < 2592e3)
+        return `${Math.floor(diffInSeconds / 604800)} weeks ago`;
+      if (diffInSeconds < 5184e3) return "1 month ago";
+      if (diffInSeconds < 31536e3)
+        return `${Math.floor(diffInSeconds / 2592e3)} months ago`;
+      if (diffInSeconds < 63072e3) return "1 year ago";
+      return `${Math.floor(diffInSeconds / 31536e3)} years ago`;
+    }, [date, format]);
+    React__namespace.useEffect(() => {
+      setRelativeTime(getRelativeTime());
+      const interval = setInterval(() => {
+        setRelativeTime(getRelativeTime());
+      }, updateInterval);
+      return () => clearInterval(interval);
+    }, [getRelativeTime, updateInterval]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        tag: "time",
+        ref,
+        dateTime: new Date(date).toISOString(),
+        className: ui.cn(className),
+        ...props,
+        children: relativeTime
+      }
+    );
+  }
+);
+RelativeTime.displayName = "RelativeTime";
+
+exports.RelativeTime = RelativeTime;

package/dist/relative-time.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface RelativeTimeProps extends React.HTMLAttributes<HTMLTimeElement> {
+    date: Date | string;
+    format?: "auto" | "short" | "long";
+    updateInterval?: number;
+}
+declare const RelativeTime: React.ForwardRefExoticComponent<RelativeTimeProps & React.RefAttributes<HTMLTimeElement>>;
+export { RelativeTime };
+//# sourceMappingURL=relative-time.d.ts.map

package/dist/relative-time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-time.d.ts","sourceRoot":"","sources":["../src/relative-time.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,IAAI,EAAE,IAAI,GAAG,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,YAAY,2FAkEjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/relative-time.js

@@ -0,0 +1,66 @@
+"use client";
+import * as React from 'react';
+import { Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+var RelativeTime = React.forwardRef(
+  ({ className, date, format = "auto", updateInterval = 6e4, ...props }, ref) => {
+    const [relativeTime, setRelativeTime] = React.useState("");
+    const getRelativeTime = React.useCallback(() => {
+      const now = /* @__PURE__ */ new Date();
+      const then = new Date(date);
+      const diffInSeconds = Math.floor((now.getTime() - then.getTime()) / 1e3);
+      if (format === "short") {
+        if (diffInSeconds < 60) return `${diffInSeconds}s`;
+        if (diffInSeconds < 3600) return `${Math.floor(diffInSeconds / 60)}m`;
+        if (diffInSeconds < 86400) return `${Math.floor(diffInSeconds / 3600)}h`;
+        if (diffInSeconds < 604800)
+          return `${Math.floor(diffInSeconds / 86400)}d`;
+        if (diffInSeconds < 2592e3)
+          return `${Math.floor(diffInSeconds / 604800)}w`;
+        if (diffInSeconds < 31536e3)
+          return `${Math.floor(diffInSeconds / 2592e3)}mo`;
+        return `${Math.floor(diffInSeconds / 31536e3)}y`;
+      }
+      if (diffInSeconds < 60) return "just now";
+      if (diffInSeconds < 120) return "1 minute ago";
+      if (diffInSeconds < 3600)
+        return `${Math.floor(diffInSeconds / 60)} minutes ago`;
+      if (diffInSeconds < 7200) return "1 hour ago";
+      if (diffInSeconds < 86400)
+        return `${Math.floor(diffInSeconds / 3600)} hours ago`;
+      if (diffInSeconds < 172800) return "1 day ago";
+      if (diffInSeconds < 604800)
+        return `${Math.floor(diffInSeconds / 86400)} days ago`;
+      if (diffInSeconds < 1209600) return "1 week ago";
+      if (diffInSeconds < 2592e3)
+        return `${Math.floor(diffInSeconds / 604800)} weeks ago`;
+      if (diffInSeconds < 5184e3) return "1 month ago";
+      if (diffInSeconds < 31536e3)
+        return `${Math.floor(diffInSeconds / 2592e3)} months ago`;
+      if (diffInSeconds < 63072e3) return "1 year ago";
+      return `${Math.floor(diffInSeconds / 31536e3)} years ago`;
+    }, [date, format]);
+    React.useEffect(() => {
+      setRelativeTime(getRelativeTime());
+      const interval = setInterval(() => {
+        setRelativeTime(getRelativeTime());
+      }, updateInterval);
+      return () => clearInterval(interval);
+    }, [getRelativeTime, updateInterval]);
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        tag: "time",
+        ref,
+        dateTime: new Date(date).toISOString(),
+        className: cn(className),
+        ...props,
+        children: relativeTime
+      }
+    );
+  }
+);
+RelativeTime.displayName = "RelativeTime";
+
+export { RelativeTime };

package/dist/resizable.cjs

@@ -0,0 +1,61 @@
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var ui = require('@hanzo/ui');
+var ResizablePrimitive = require('react-resizable-panels');
+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 ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrimitive);
+
+var ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ResizablePrimitive__namespace.PanelGroup,
+  {
+    className: ui.cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive__namespace.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  ResizablePrimitive__namespace.PanelResizeHandle,
+  {
+    className: ui.cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { style: ui.css("h-2.5 w-2.5") }) })
+  }
+);
+
+exports.ResizableHandle = ResizableHandle;
+exports.ResizablePanel = ResizablePanel;
+exports.ResizablePanelGroup = ResizablePanelGroup;

package/dist/resizable.d.ts

@@ -0,0 +1,24 @@
+import * as ResizablePrimitive from "react-resizable-panels";
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement | HTMLButtonElement | HTMLObjectElement | HTMLLinkElement | HTMLFormElement | HTMLSlotElement | HTMLStyleElement | HTMLTitleElement | HTMLMeterElement | HTMLTextAreaElement | HTMLProgressElement | HTMLTableElement | HTMLEmbedElement | HTMLPreElement | HTMLBodyElement | HTMLHtmlElement | HTMLParagraphElement | HTMLSelectElement | HTMLMapElement | HTMLDataElement | HTMLLabelElement | HTMLSpanElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDivElement | HTMLDListElement | HTMLFieldSetElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLegendElement | HTMLLIElement | HTMLMetaElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLScriptElement | HTMLSourceElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTimeElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+    withHandle?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
+//# sourceMappingURL=resizable.d.ts.map

package/dist/resizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../src/resizable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAA;AAI5D,QAAA,MAAM,mBAAmB,GAAI,yBAG1B,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAQ5D,CAAA;AAED,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;4EAA2B,CAAA;AAE/C,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,4CAcA,CAAA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

package/dist/resizable.js

@@ -0,0 +1,37 @@
+"use client";
+import { GripVertical } from 'lucide-react';
+import { cn, Box, css } from '@hanzo/ui';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { jsx } from 'react/jsx-runtime';
+
+var ResizablePanelGroup = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelGroup,
+  {
+    className: cn(
+      "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+      className
+    ),
+    ...props
+  }
+);
+var ResizablePanel = ResizablePrimitive.Panel;
+var ResizableHandle = ({
+  withHandle,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  ResizablePrimitive.PanelResizeHandle,
+  {
+    className: cn(
+      "relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+      className
+    ),
+    ...props,
+    children: withHandle && /* @__PURE__ */ jsx(Box, { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx(GripVertical, { style: css("h-2.5 w-2.5") }) })
+  }
+);
+
+export { ResizableHandle, ResizablePanel, ResizablePanelGroup };