@luxfi/ui 5.6.0 → 6.0.0

package/dist/drawer.cjs

@@ -1,207 +0,0 @@
-"use client";
-'use strict';
-
-var RadixDialog = require('@radix-ui/react-dialog');
-var React2 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-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 RadixDialog__namespace = /*#__PURE__*/_interopNamespace(RadixDialog);
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
-
-// src/drawer.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButton = React2__namespace.forwardRef(function CloseButton2(props, ref) {
-  const { variant: _variant, size: _size, className, children, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Close",
-      ref,
-      className: cn(
-        "inline-flex items-center justify-center",
-        "size-5 min-w-0 shrink-0 p-0",
-        "rounded-sm border-0 overflow-hidden",
-        "bg-transparent text-[var(--closeButton-fg,currentColor)]",
-        "hover:bg-transparent hover:text-[var(--hover-color,currentColor)]",
-        "disabled:opacity-40",
-        "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(
-        "svg",
-        {
-          className: "size-5",
-          viewBox: "0 0 20 20",
-          fill: "none",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            "path",
-            {
-              d: CLOSE_ICON_PATH,
-              fill: "currentColor"
-            }
-          )
-        }
-      )
-    }
-  );
-});
-var DrawerPlacementContext = React2__namespace.createContext("right");
-var DrawerSizeContext = React2__namespace.createContext("md");
-var DrawerRoot = (props) => {
-  const {
-    children,
-    open,
-    defaultOpen,
-    onOpenChange,
-    placement = "right",
-    modal = true,
-    size = "md"
-  } = props;
-  const handleOpenChange = React2__namespace.useCallback((nextOpen) => {
-    onOpenChange?.({ open: nextOpen });
-  }, [onOpenChange]);
-  return /* @__PURE__ */ jsxRuntime.jsx(DrawerPlacementContext.Provider, { value: placement, children: /* @__PURE__ */ jsxRuntime.jsx(DrawerSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsxRuntime.jsx(
-    RadixDialog__namespace.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange: handleOpenChange,
-      modal,
-      children
-    }
-  ) }) });
-};
-var PLACEMENT_CLASSES = {
-  right: [
-    "inset-y-0 right-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-right",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right"
-  ].join(" "),
-  left: [
-    "inset-y-0 left-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-left",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left"
-  ].join(" "),
-  top: [
-    "inset-x-0 top-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-top",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top"
-  ].join(" "),
-  bottom: [
-    "inset-x-0 bottom-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom"
-  ].join(" ")
-};
-var SIZE_CLASSES = {
-  right: { xs: "w-60", sm: "w-80", md: "w-96", lg: "w-[480px]", xl: "w-[640px]", full: "w-screen" },
-  left: { xs: "w-60", sm: "w-80", md: "w-96", lg: "w-[480px]", xl: "w-[640px]", full: "w-screen" },
-  top: { xs: "h-40", sm: "h-60", md: "h-80", lg: "h-96", xl: "h-[480px]", full: "h-screen" },
-  bottom: { xs: "h-40", sm: "h-60", md: "h-80", lg: "h-96", xl: "h-[480px]", full: "h-screen" }
-};
-var DrawerContent = React2__namespace.forwardRef(
-  function DrawerContent2(props, ref) {
-    const { children, portalled = true, portalRef, offset: _offset, backdrop = true, className, ...rest } = props;
-    const placement = React2__namespace.useContext(DrawerPlacementContext);
-    const size = React2__namespace.useContext(DrawerSizeContext);
-    const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      backdrop && /* @__PURE__ */ jsxRuntime.jsx(
-        RadixDialog__namespace.Overlay,
-        {
-          className: cn(
-            "fixed inset-0 z-50 bg-black/50",
-            "data-[state=open]:animate-in data-[state=open]:fade-in-0",
-            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
-          )
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        RadixDialog__namespace.Content,
-        {
-          ref,
-          className: cn(
-            "fixed z-50 flex flex-col bg-[var(--color-drawer-bg)] shadow-[var(--shadow-drawer)] duration-300",
-            PLACEMENT_CLASSES[placement] ?? PLACEMENT_CLASSES.right,
-            SIZE_CLASSES[placement]?.[size] ?? SIZE_CLASSES.right?.md,
-            className
-          ),
-          ...rest,
-          children
-        }
-      )
-    ] });
-    if (portalled) {
-      return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Portal, { container: portalRef?.current ?? void 0, children: content });
-    }
-    return content;
-  }
-);
-var DrawerCloseTrigger = React2__namespace.forwardRef(function DrawerCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    CloseButton,
-    {
-      ref,
-      className: cn("absolute top-7 right-5", props.className),
-      ...props
-    }
-  ) });
-});
-var DrawerTrigger = (props) => {
-  const { asChild = true, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { asChild, ...rest });
-};
-var DrawerHeader = React2__namespace.forwardRef(
-  function DrawerHeader2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-1.5 p-6 pb-0", className), ...props });
-  }
-);
-var DrawerBody = React2__namespace.forwardRef(
-  function DrawerBody2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex-1 overflow-auto p-6", className), ...props });
-  }
-);
-var DrawerFooter = React2__namespace.forwardRef(
-  function DrawerFooter2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex items-center justify-end gap-2 p-6 pt-0", className), ...props });
-  }
-);
-var DrawerTitle = RadixDialog__namespace.Title;
-var DrawerDescription = RadixDialog__namespace.Description;
-var DrawerActionTrigger = RadixDialog__namespace.Close;
-
-exports.DrawerActionTrigger = DrawerActionTrigger;
-exports.DrawerBody = DrawerBody;
-exports.DrawerCloseTrigger = DrawerCloseTrigger;
-exports.DrawerContent = DrawerContent;
-exports.DrawerDescription = DrawerDescription;
-exports.DrawerFooter = DrawerFooter;
-exports.DrawerHeader = DrawerHeader;
-exports.DrawerRoot = DrawerRoot;
-exports.DrawerTitle = DrawerTitle;
-exports.DrawerTrigger = DrawerTrigger;

package/dist/drawer.js

@@ -1,175 +0,0 @@
-"use client";
-import * as RadixDialog from '@radix-ui/react-dialog';
-import * as React2 from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-// src/drawer.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var CLOSE_ICON_PATH = "M9.44 8.035a.791.791 0 0 0 1.12 0l3.802-3.803a.791.791 0 0 1 1.119 0l.287.287a.79.79 0 0 1 0 1.119L11.965 9.44a.79.79 0 0 0 0 1.118l3.803 3.803a.791.791 0 0 1 0 1.119l-.287.287a.791.791 0 0 1-1.119 0l-3.803-3.803a.79.79 0 0 0-1.118 0l-3.803 3.803a.79.79 0 0 1-1.119 0l-.287-.287a.791.791 0 0 1 0-1.119l3.803-3.803a.791.791 0 0 0 0-1.118L4.232 5.638a.791.791 0 0 1 0-1.119l.287-.287a.791.791 0 0 1 1.119 0L9.44 8.035Z";
-var CloseButton = React2.forwardRef(function CloseButton2(props, ref) {
-  const { variant: _variant, size: _size, className, children, ...rest } = props;
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      "aria-label": "Close",
-      ref,
-      className: cn(
-        "inline-flex items-center justify-center",
-        "size-5 min-w-0 shrink-0 p-0",
-        "rounded-sm border-0 overflow-hidden",
-        "bg-transparent text-[var(--closeButton-fg,currentColor)]",
-        "hover:bg-transparent hover:text-[var(--hover-color,currentColor)]",
-        "disabled:opacity-40",
-        "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children: children ?? /* @__PURE__ */ jsx(
-        "svg",
-        {
-          className: "size-5",
-          viewBox: "0 0 20 20",
-          fill: "none",
-          "aria-hidden": "true",
-          children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: CLOSE_ICON_PATH,
-              fill: "currentColor"
-            }
-          )
-        }
-      )
-    }
-  );
-});
-var DrawerPlacementContext = React2.createContext("right");
-var DrawerSizeContext = React2.createContext("md");
-var DrawerRoot = (props) => {
-  const {
-    children,
-    open,
-    defaultOpen,
-    onOpenChange,
-    placement = "right",
-    modal = true,
-    size = "md"
-  } = props;
-  const handleOpenChange = React2.useCallback((nextOpen) => {
-    onOpenChange?.({ open: nextOpen });
-  }, [onOpenChange]);
-  return /* @__PURE__ */ jsx(DrawerPlacementContext.Provider, { value: placement, children: /* @__PURE__ */ jsx(DrawerSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx(
-    RadixDialog.Root,
-    {
-      open,
-      defaultOpen,
-      onOpenChange: handleOpenChange,
-      modal,
-      children
-    }
-  ) }) });
-};
-var PLACEMENT_CLASSES = {
-  right: [
-    "inset-y-0 right-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-right",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right"
-  ].join(" "),
-  left: [
-    "inset-y-0 left-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-left",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left"
-  ].join(" "),
-  top: [
-    "inset-x-0 top-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-top",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-top"
-  ].join(" "),
-  bottom: [
-    "inset-x-0 bottom-0",
-    "data-[state=open]:animate-in data-[state=open]:slide-in-from-bottom",
-    "data-[state=closed]:animate-out data-[state=closed]:slide-out-to-bottom"
-  ].join(" ")
-};
-var SIZE_CLASSES = {
-  right: { xs: "w-60", sm: "w-80", md: "w-96", lg: "w-[480px]", xl: "w-[640px]", full: "w-screen" },
-  left: { xs: "w-60", sm: "w-80", md: "w-96", lg: "w-[480px]", xl: "w-[640px]", full: "w-screen" },
-  top: { xs: "h-40", sm: "h-60", md: "h-80", lg: "h-96", xl: "h-[480px]", full: "h-screen" },
-  bottom: { xs: "h-40", sm: "h-60", md: "h-80", lg: "h-96", xl: "h-[480px]", full: "h-screen" }
-};
-var DrawerContent = React2.forwardRef(
-  function DrawerContent2(props, ref) {
-    const { children, portalled = true, portalRef, offset: _offset, backdrop = true, className, ...rest } = props;
-    const placement = React2.useContext(DrawerPlacementContext);
-    const size = React2.useContext(DrawerSizeContext);
-    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-      backdrop && /* @__PURE__ */ jsx(
-        RadixDialog.Overlay,
-        {
-          className: cn(
-            "fixed inset-0 z-50 bg-black/50",
-            "data-[state=open]:animate-in data-[state=open]:fade-in-0",
-            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0"
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RadixDialog.Content,
-        {
-          ref,
-          className: cn(
-            "fixed z-50 flex flex-col bg-[var(--color-drawer-bg)] shadow-[var(--shadow-drawer)] duration-300",
-            PLACEMENT_CLASSES[placement] ?? PLACEMENT_CLASSES.right,
-            SIZE_CLASSES[placement]?.[size] ?? SIZE_CLASSES.right?.md,
-            className
-          ),
-          ...rest,
-          children
-        }
-      )
-    ] });
-    if (portalled) {
-      return /* @__PURE__ */ jsx(RadixDialog.Portal, { container: portalRef?.current ?? void 0, children: content });
-    }
-    return content;
-  }
-);
-var DrawerCloseTrigger = React2.forwardRef(function DrawerCloseTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx(
-    CloseButton,
-    {
-      ref,
-      className: cn("absolute top-7 right-5", props.className),
-      ...props
-    }
-  ) });
-});
-var DrawerTrigger = (props) => {
-  const { asChild = true, ...rest } = props;
-  return /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild, ...rest });
-};
-var DrawerHeader = React2.forwardRef(
-  function DrawerHeader2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-1.5 p-6 pb-0", className), ...props });
-  }
-);
-var DrawerBody = React2.forwardRef(
-  function DrawerBody2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 overflow-auto p-6", className), ...props });
-  }
-);
-var DrawerFooter = React2.forwardRef(
-  function DrawerFooter2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center justify-end gap-2 p-6 pt-0", className), ...props });
-  }
-);
-var DrawerTitle = RadixDialog.Title;
-var DrawerDescription = RadixDialog.Description;
-var DrawerActionTrigger = RadixDialog.Close;
-
-export { DrawerActionTrigger, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerRoot, DrawerTitle, DrawerTrigger };

package/dist/empty-state.cjs

@@ -1,93 +0,0 @@
-"use client";
-'use strict';
-
-var React = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-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);
-
-// src/empty-state.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var apos = "\u2019";
-function upperFirst(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-var ICONS = {};
-var EmptyState = React__namespace.forwardRef(
-  function EmptyState2(props, ref) {
-    const { title, description, term, type = "query", icon, children, className, ...rest } = props;
-    const titleContent = (() => {
-      if (title) {
-        return title;
-      }
-      if (type === "stats") {
-        return "Collecting data";
-      }
-      if (type === "coming_soon") {
-        return "Coming soon";
-      }
-      return "No results";
-    })();
-    const descriptionContent = (() => {
-      if (description) {
-        return description;
-      }
-      if (term && type === "query") {
-        return `Couldn${apos}t find any ${term} that matches your query.`;
-      }
-      if (type === "stats") {
-        return term ? `${upperFirst(term)} stats will be added soon` : "Charts and statistics will be available soon";
-      }
-      if (type === "coming_soon") {
-        return "The information will be available soon. Stay tuned!";
-      }
-    })();
-    const iconContent = (() => {
-      const Icon = ICONS[type];
-      if (Icon) {
-        return /* @__PURE__ */ jsxRuntime.jsx(Icon, {});
-      }
-      return icon;
-    })();
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex items-center justify-center py-10", className),
-        ...rest,
-        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-5", children: [
-          iconContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center", children: iconContent }),
-          descriptionContent ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-text-secondary", children: titleContent }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-text-secondary", children: descriptionContent })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-lg font-semibold text-text-secondary", children: titleContent }),
-          children
-        ] })
-      }
-    );
-  }
-);
-
-exports.EmptyState = EmptyState;

package/dist/empty-state.js

@@ -1,71 +0,0 @@
-"use client";
-import * as React from 'react';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/empty-state.tsx
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var apos = "\u2019";
-function upperFirst(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
-}
-var ICONS = {};
-var EmptyState = React.forwardRef(
-  function EmptyState2(props, ref) {
-    const { title, description, term, type = "query", icon, children, className, ...rest } = props;
-    const titleContent = (() => {
-      if (title) {
-        return title;
-      }
-      if (type === "stats") {
-        return "Collecting data";
-      }
-      if (type === "coming_soon") {
-        return "Coming soon";
-      }
-      return "No results";
-    })();
-    const descriptionContent = (() => {
-      if (description) {
-        return description;
-      }
-      if (term && type === "query") {
-        return `Couldn${apos}t find any ${term} that matches your query.`;
-      }
-      if (type === "stats") {
-        return term ? `${upperFirst(term)} stats will be added soon` : "Charts and statistics will be available soon";
-      }
-      if (type === "coming_soon") {
-        return "The information will be available soon. Stay tuned!";
-      }
-    })();
-    const iconContent = (() => {
-      const Icon = ICONS[type];
-      if (Icon) {
-        return /* @__PURE__ */ jsx(Icon, {});
-      }
-      return icon;
-    })();
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: cn("flex items-center justify-center py-10", className),
-        ...rest,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-5", children: [
-          iconContent && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: iconContent }),
-          descriptionContent ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 text-center", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-text-secondary", children: titleContent }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: descriptionContent })
-          ] }) : /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold text-text-secondary", children: titleContent }),
-          children
-        ] })
-      }
-    );
-  }
-);
-
-export { EmptyState };