@luxfi/ui 7.1.0 → 7.3.0

package/dist/input.js

@@ -1,5 +1,4 @@
 "use client";
-import { cva } from 'class-variance-authority';
 import React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -9,46 +8,36 @@ import { jsx } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var inputVariants = cva(
-  [
-    "w-full appearance-none outline-none transition-colors",
-    "bg-[var(--color-input-bg)] text-[var(--color-input-fg)] border-[var(--color-input-border)]",
-    "placeholder:text-[var(--color-input-placeholder,theme(colors.gray.400))]",
-    "hover:border-[var(--color-input-border-hover,theme(colors.gray.400))]",
-    "focus:border-[var(--color-input-border-focus,theme(colors.blue.500))]",
-    "focus:placeholder:text-[var(--color-input-placeholder-focus,theme(colors.gray.300))]",
-    "disabled:opacity-40 disabled:cursor-not-allowed",
-    "read-only:opacity-70",
-    "data-[invalid]:border-[var(--color-input-border-invalid,theme(colors.red.500))]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        xs: "h-6 px-2 text-xs rounded",
-        sm: "h-8 px-3 text-sm rounded-md",
-        md: "h-10 px-4 text-base rounded-md",
-        lg: "h-12 px-4 text-lg rounded-lg",
-        "2xl": "h-14 px-4 text-xl rounded-lg"
-      },
-      variant: {
-        outline: "border border-solid",
-        filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
-        unstyled: "border-0 bg-transparent p-0 h-auto"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      variant: "outline"
-    }
-  }
-);
+var INPUT_BASE = [
+  "w-full appearance-none outline-none transition-colors",
+  "bg-[var(--color-input-bg)] text-[var(--color-input-fg)] border-[var(--color-input-border)]",
+  "placeholder:text-[var(--color-input-placeholder,theme(colors.gray.400))]",
+  "hover:border-[var(--color-input-border-hover,theme(colors.gray.400))]",
+  "focus:border-[var(--color-input-border-focus,theme(colors.blue.500))]",
+  "focus:placeholder:text-[var(--color-input-placeholder-focus,theme(colors.gray.300))]",
+  "disabled:opacity-40 disabled:cursor-not-allowed",
+  "read-only:opacity-70",
+  "data-[invalid]:border-[var(--color-input-border-invalid,theme(colors.red.500))]"
+].join(" ");
+var INPUT_SIZE_CLASSES = {
+  xs: "h-6 px-2 text-xs rounded",
+  sm: "h-8 px-3 text-sm rounded-md",
+  md: "h-10 px-4 text-base rounded-md",
+  lg: "h-12 px-4 text-lg rounded-lg",
+  "2xl": "h-14 px-4 text-xl rounded-lg"
+};
+var INPUT_VARIANT_CLASSES = {
+  outline: "border border-solid",
+  filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
+  unstyled: "border-0 bg-transparent p-0 h-auto"
+};
 var Input = React.forwardRef(
-  ({ size, variant, className, ...rest }, ref) => {
+  ({ size = "md", variant = "outline", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "input",
       {
         ref,
-        className: cn(inputVariants({ size, variant }), className),
+        className: cn(INPUT_BASE, INPUT_SIZE_CLASSES[size], INPUT_VARIANT_CLASSES[variant], className),
         ...rest
       }
     );

package/dist/provider.cjs

@@ -1,62 +1,42 @@
 "use client";
 'use strict';
 
-var React = require('react');
+var core = require('@hanzogui/core');
+var reactQuery = require('@tanstack/react-query');
 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 _guiInitialized = false;
+function ensureGui() {
+  if (_guiInitialized) return;
+  core.createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
+  _guiInitialized = true;
 }
+ensureGui();
+var defaultQueryClient = new reactQuery.QueryClient({
+  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
+});
+var AppProvider = ({ children, queryClient }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
+};
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var ColorModeContext = React__namespace.createContext(void 0);
-function ColorModeProvider(props) {
-  const { children, defaultTheme = "light", value: controlledValue, onValueChange } = props;
-  const [internalMode, setInternalMode] = React__namespace.useState(() => {
-    if (controlledValue === "dark" || controlledValue === "light") {
-      return controlledValue;
-    }
-    if (typeof document !== "undefined") {
-      if (document.documentElement.classList.contains("dark")) return "dark";
-    }
-    return defaultTheme === "dark" ? "dark" : "light";
-  });
-  const colorMode = controlledValue === "dark" || controlledValue === "light" ? controlledValue : internalMode;
-  const setColorMode = React__namespace.useCallback((mode) => {
-    const resolved = mode === "dark" ? "dark" : "light";
-    setInternalMode(resolved);
-    onValueChange?.(resolved);
-    if (typeof document !== "undefined") {
-      document.documentElement.classList.toggle("dark", resolved === "dark");
-      document.documentElement.classList.toggle("light", resolved === "light");
-    }
-  }, [onValueChange]);
-  const toggleColorMode = React__namespace.useCallback(() => {
-    setColorMode(colorMode === "dark" ? "light" : "dark");
-  }, [colorMode, setColorMode]);
-  const ctx = React__namespace.useMemo(
-    () => ({ colorMode, setColorMode, toggleColorMode }),
-    [colorMode, setColorMode, toggleColorMode]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorModeContext.Provider, { value: ctx, children });
-}
-function Provider(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(ColorModeProvider, { ...props });
-}
-
-exports.Provider = Provider;
+Object.defineProperty(exports, "QueryClient", {
+  enumerable: true,
+  get: function () { return reactQuery.QueryClient; }
+});
+Object.defineProperty(exports, "useInfiniteQuery", {
+  enumerable: true,
+  get: function () { return reactQuery.useInfiniteQuery; }
+});
+Object.defineProperty(exports, "useMutation", {
+  enumerable: true,
+  get: function () { return reactQuery.useMutation; }
+});
+Object.defineProperty(exports, "useQuery", {
+  enumerable: true,
+  get: function () { return reactQuery.useQuery; }
+});
+Object.defineProperty(exports, "useQueryClient", {
+  enumerable: true,
+  get: function () { return reactQuery.useQueryClient; }
+});
+exports.AppProvider = AppProvider;

package/dist/provider.js

@@ -1,40 +1,21 @@
 "use client";
-import * as React from 'react';
+import { createGui } from '@hanzogui/core';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+export { QueryClient, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { jsx } from 'react/jsx-runtime';
 
-var ColorModeContext = React.createContext(void 0);
-function ColorModeProvider(props) {
-  const { children, defaultTheme = "light", value: controlledValue, onValueChange } = props;
-  const [internalMode, setInternalMode] = React.useState(() => {
-    if (controlledValue === "dark" || controlledValue === "light") {
-      return controlledValue;
-    }
-    if (typeof document !== "undefined") {
-      if (document.documentElement.classList.contains("dark")) return "dark";
-    }
-    return defaultTheme === "dark" ? "dark" : "light";
-  });
-  const colorMode = controlledValue === "dark" || controlledValue === "light" ? controlledValue : internalMode;
-  const setColorMode = React.useCallback((mode) => {
-    const resolved = mode === "dark" ? "dark" : "light";
-    setInternalMode(resolved);
-    onValueChange?.(resolved);
-    if (typeof document !== "undefined") {
-      document.documentElement.classList.toggle("dark", resolved === "dark");
-      document.documentElement.classList.toggle("light", resolved === "light");
-    }
-  }, [onValueChange]);
-  const toggleColorMode = React.useCallback(() => {
-    setColorMode(colorMode === "dark" ? "light" : "dark");
-  }, [colorMode, setColorMode]);
-  const ctx = React.useMemo(
-    () => ({ colorMode, setColorMode, toggleColorMode }),
-    [colorMode, setColorMode, toggleColorMode]
-  );
-  return /* @__PURE__ */ jsx(ColorModeContext.Provider, { value: ctx, children });
-}
-function Provider(props) {
-  return /* @__PURE__ */ jsx(ColorModeProvider, { ...props });
+var _guiInitialized = false;
+function ensureGui() {
+  if (_guiInitialized) return;
+  createGui({ settings: { autocompleteSpecificTokens: "except-special" } });
+  _guiInitialized = true;
 }
+ensureGui();
+var defaultQueryClient = new QueryClient({
+  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 3e4 } }
+});
+var AppProvider = ({ children, queryClient }) => {
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient ?? defaultQueryClient, children });
+};
 
-export { Provider };
+export { AppProvider };

package/dist/tag.cjs

@@ -1,7 +1,6 @@
 "use client";
 'use strict';
 
-var classVarianceAuthority = require('class-variance-authority');
 var React3 = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -423,39 +422,18 @@ var nbsp = String.fromCharCode(160);
 function TruncatedTextTooltip({ label, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: label, positioning: { placement: "top" }, children });
 }
-var tagVariants = classVarianceAuthority.cva(
-  [
-    "inline-flex items-center align-top max-w-full select-text rounded-sm",
-    "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        subtle: "bg-[var(--color-tag-subtle-bg)] text-[var(--color-tag-subtle-fg)]",
-        clickable: [
-          "cursor-pointer",
-          "bg-[var(--color-tag-clickable-bg)] text-[var(--color-tag-clickable-fg)]",
-          "hover:opacity-76"
-        ].join(" "),
-        filter: "bg-[var(--color-tag-filter-bg)]",
-        select: [
-          "cursor-pointer",
-          "bg-[var(--color-tag-select-bg)] text-[var(--color-tag-select-fg)]",
-          "hover:text-[var(--color-hover)] hover:opacity-76"
-        ].join(" ")
-      },
-      size: {
-        sm: "px-1 py-0.5 min-h-5 gap-1 text-xs",
-        md: "px-1 py-0.5 min-h-6 gap-1 text-sm",
-        lg: "px-1.5 py-1.5 min-h-8 min-w-8 gap-1 text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "subtle",
-      size: "md"
-    }
-  }
-);
+var TAG_BASE = "inline-flex items-center align-top max-w-full select-text rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500";
+var TAG_VARIANT_CLASSES = {
+  subtle: "bg-[var(--color-tag-subtle-bg)] text-[var(--color-tag-subtle-fg)]",
+  clickable: "cursor-pointer bg-[var(--color-tag-clickable-bg)] text-[var(--color-tag-clickable-fg)] hover:opacity-76",
+  filter: "bg-[var(--color-tag-filter-bg)]",
+  select: "cursor-pointer bg-[var(--color-tag-select-bg)] text-[var(--color-tag-select-fg)] hover:text-[var(--color-hover)] hover:opacity-76"
+};
+var TAG_SIZE_CLASSES = {
+  sm: "px-1 py-0.5 min-h-5 gap-1 text-xs",
+  md: "px-1 py-0.5 min-h-6 gap-1 text-sm",
+  lg: "px-1.5 py-1.5 min-h-8 min-w-8 gap-1 text-sm"
+};
 var TAG_SELECTED_CLASSES = [
   "bg-[var(--color-tag-select-selected-bg)]",
   "text-[var(--color-tag-select-selected-fg)]",
@@ -497,7 +475,9 @@ var Tag = React3__namespace.forwardRef(
       {
         ref,
         className: cn(
-          tagVariants({ variant, size }),
+          TAG_BASE,
+          TAG_VARIANT_CLASSES[variant ?? "subtle"],
+          TAG_SIZE_CLASSES[size ?? "md"],
           selected && !loading && TAG_SELECTED_CLASSES,
           disabled && TAG_DISABLED_CLASSES,
           className

package/dist/tag.js

@@ -1,5 +1,4 @@
 "use client";
-import { cva } from 'class-variance-authority';
 import * as React3 from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -401,39 +400,18 @@ var nbsp = String.fromCharCode(160);
 function TruncatedTextTooltip({ label, children }) {
   return /* @__PURE__ */ jsx(Tooltip, { content: label, positioning: { placement: "top" }, children });
 }
-var tagVariants = cva(
-  [
-    "inline-flex items-center align-top max-w-full select-text rounded-sm",
-    "focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500"
-  ].join(" "),
-  {
-    variants: {
-      variant: {
-        subtle: "bg-[var(--color-tag-subtle-bg)] text-[var(--color-tag-subtle-fg)]",
-        clickable: [
-          "cursor-pointer",
-          "bg-[var(--color-tag-clickable-bg)] text-[var(--color-tag-clickable-fg)]",
-          "hover:opacity-76"
-        ].join(" "),
-        filter: "bg-[var(--color-tag-filter-bg)]",
-        select: [
-          "cursor-pointer",
-          "bg-[var(--color-tag-select-bg)] text-[var(--color-tag-select-fg)]",
-          "hover:text-[var(--color-hover)] hover:opacity-76"
-        ].join(" ")
-      },
-      size: {
-        sm: "px-1 py-0.5 min-h-5 gap-1 text-xs",
-        md: "px-1 py-0.5 min-h-6 gap-1 text-sm",
-        lg: "px-1.5 py-1.5 min-h-8 min-w-8 gap-1 text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "subtle",
-      size: "md"
-    }
-  }
-);
+var TAG_BASE = "inline-flex items-center align-top max-w-full select-text rounded-sm focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-500";
+var TAG_VARIANT_CLASSES = {
+  subtle: "bg-[var(--color-tag-subtle-bg)] text-[var(--color-tag-subtle-fg)]",
+  clickable: "cursor-pointer bg-[var(--color-tag-clickable-bg)] text-[var(--color-tag-clickable-fg)] hover:opacity-76",
+  filter: "bg-[var(--color-tag-filter-bg)]",
+  select: "cursor-pointer bg-[var(--color-tag-select-bg)] text-[var(--color-tag-select-fg)] hover:text-[var(--color-hover)] hover:opacity-76"
+};
+var TAG_SIZE_CLASSES = {
+  sm: "px-1 py-0.5 min-h-5 gap-1 text-xs",
+  md: "px-1 py-0.5 min-h-6 gap-1 text-sm",
+  lg: "px-1.5 py-1.5 min-h-8 min-w-8 gap-1 text-sm"
+};
 var TAG_SELECTED_CLASSES = [
   "bg-[var(--color-tag-select-selected-bg)]",
   "text-[var(--color-tag-select-selected-fg)]",
@@ -475,7 +453,9 @@ var Tag = React3.forwardRef(
       {
         ref,
         className: cn(
-          tagVariants({ variant, size }),
+          TAG_BASE,
+          TAG_VARIANT_CLASSES[variant ?? "subtle"],
+          TAG_SIZE_CLASSES[size ?? "md"],
           selected && !loading && TAG_SELECTED_CLASSES,
           disabled && TAG_DISABLED_CLASSES,
           className

package/dist/textarea.cjs

@@ -1,7 +1,6 @@
 "use client";
 'use strict';
 
-var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -15,46 +14,36 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
-var textareaVariants = classVarianceAuthority.cva(
-  [
-    "w-full appearance-none outline-none transition-colors resize-y",
-    "bg-[var(--color-input-bg)] text-[var(--color-input-fg)] border-[var(--color-input-border)]",
-    "placeholder:text-[var(--color-input-placeholder,theme(colors.gray.400))]",
-    "hover:border-[var(--color-input-border-hover,theme(colors.gray.400))]",
-    "focus:border-[var(--color-input-border-focus,theme(colors.blue.500))]",
-    "focus:placeholder:text-[var(--color-input-placeholder-focus,theme(colors.gray.300))]",
-    "disabled:opacity-40 disabled:cursor-not-allowed",
-    "read-only:opacity-70",
-    "data-[invalid]:border-[var(--color-input-border-invalid,theme(colors.red.500))]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        xs: "px-2 py-1 text-xs rounded",
-        sm: "px-3 py-2 text-sm rounded-md",
-        md: "px-4 py-2 text-base rounded-md",
-        lg: "px-4 py-3 text-lg rounded-lg",
-        "2xl": "px-4 py-3 text-xl rounded-lg"
-      },
-      variant: {
-        outline: "border border-solid",
-        filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
-        unstyled: "border-0 bg-transparent p-0"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      variant: "outline"
-    }
-  }
-);
+var TEXTAREA_BASE = [
+  "w-full appearance-none outline-none transition-colors resize-y",
+  "bg-[var(--color-input-bg)] text-[var(--color-input-fg)] border-[var(--color-input-border)]",
+  "placeholder:text-[var(--color-input-placeholder,theme(colors.gray.400))]",
+  "hover:border-[var(--color-input-border-hover,theme(colors.gray.400))]",
+  "focus:border-[var(--color-input-border-focus,theme(colors.blue.500))]",
+  "focus:placeholder:text-[var(--color-input-placeholder-focus,theme(colors.gray.300))]",
+  "disabled:opacity-40 disabled:cursor-not-allowed",
+  "read-only:opacity-70",
+  "data-[invalid]:border-[var(--color-input-border-invalid,theme(colors.red.500))]"
+].join(" ");
+var TEXTAREA_SIZE_CLASSES = {
+  xs: "px-2 py-1 text-xs rounded",
+  sm: "px-3 py-2 text-sm rounded-md",
+  md: "px-4 py-2 text-base rounded-md",
+  lg: "px-4 py-3 text-lg rounded-lg",
+  "2xl": "px-4 py-3 text-xl rounded-lg"
+};
+var TEXTAREA_VARIANT_CLASSES = {
+  outline: "border border-solid",
+  filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
+  unstyled: "border-0 bg-transparent p-0"
+};
 var Textarea = React__default.default.forwardRef(
-  ({ size, variant, className, ...rest }, ref) => {
+  ({ size = "md", variant = "outline", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       "textarea",
       {
         ref,
-        className: cn(textareaVariants({ size, variant }), className),
+        className: cn(TEXTAREA_BASE, TEXTAREA_SIZE_CLASSES[size], TEXTAREA_VARIANT_CLASSES[variant], className),
         ...rest
       }
     );

package/dist/textarea.js

@@ -1,5 +1,4 @@
 "use client";
-import { cva } from 'class-variance-authority';
 import React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
@@ -9,46 +8,36 @@ import { jsx } from 'react/jsx-runtime';
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-var textareaVariants = cva(
-  [
-    "w-full appearance-none outline-none transition-colors resize-y",
-    "bg-[var(--color-input-bg)] text-[var(--color-input-fg)] border-[var(--color-input-border)]",
-    "placeholder:text-[var(--color-input-placeholder,theme(colors.gray.400))]",
-    "hover:border-[var(--color-input-border-hover,theme(colors.gray.400))]",
-    "focus:border-[var(--color-input-border-focus,theme(colors.blue.500))]",
-    "focus:placeholder:text-[var(--color-input-placeholder-focus,theme(colors.gray.300))]",
-    "disabled:opacity-40 disabled:cursor-not-allowed",
-    "read-only:opacity-70",
-    "data-[invalid]:border-[var(--color-input-border-invalid,theme(colors.red.500))]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        xs: "px-2 py-1 text-xs rounded",
-        sm: "px-3 py-2 text-sm rounded-md",
-        md: "px-4 py-2 text-base rounded-md",
-        lg: "px-4 py-3 text-lg rounded-lg",
-        "2xl": "px-4 py-3 text-xl rounded-lg"
-      },
-      variant: {
-        outline: "border border-solid",
-        filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
-        unstyled: "border-0 bg-transparent p-0"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      variant: "outline"
-    }
-  }
-);
+var TEXTAREA_BASE = [
+  "w-full appearance-none outline-none transition-colors resize-y",
+  "bg-[var(--color-input-bg)] text-[var(--color-input-fg)] border-[var(--color-input-border)]",
+  "placeholder:text-[var(--color-input-placeholder,theme(colors.gray.400))]",
+  "hover:border-[var(--color-input-border-hover,theme(colors.gray.400))]",
+  "focus:border-[var(--color-input-border-focus,theme(colors.blue.500))]",
+  "focus:placeholder:text-[var(--color-input-placeholder-focus,theme(colors.gray.300))]",
+  "disabled:opacity-40 disabled:cursor-not-allowed",
+  "read-only:opacity-70",
+  "data-[invalid]:border-[var(--color-input-border-invalid,theme(colors.red.500))]"
+].join(" ");
+var TEXTAREA_SIZE_CLASSES = {
+  xs: "px-2 py-1 text-xs rounded",
+  sm: "px-3 py-2 text-sm rounded-md",
+  md: "px-4 py-2 text-base rounded-md",
+  lg: "px-4 py-3 text-lg rounded-lg",
+  "2xl": "px-4 py-3 text-xl rounded-lg"
+};
+var TEXTAREA_VARIANT_CLASSES = {
+  outline: "border border-solid",
+  filled: "border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]",
+  unstyled: "border-0 bg-transparent p-0"
+};
 var Textarea = React.forwardRef(
-  ({ size, variant, className, ...rest }, ref) => {
+  ({ size = "md", variant = "outline", className, ...rest }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
       {
         ref,
-        className: cn(textareaVariants({ size, variant }), className),
+        className: cn(TEXTAREA_BASE, TEXTAREA_SIZE_CLASSES[size], TEXTAREA_VARIANT_CLASSES[variant], className),
         ...rest
       }
     );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luxfi/ui",
-  "version": "7.1.0",
+  "version": "7.3.0",
   "description": "Radix + Tailwind UI primitives for Lux apps. Drop-in replacements for Chakra compound components.",
   "type": "module",
   "license": "MIT",
@@ -222,9 +222,8 @@
       "require": "./dist/tooltip.cjs"
     },
     "./provider": {
-      "types": "./dist/provider.d.ts",
-      "import": "./dist/provider.js",
-      "require": "./dist/provider.cjs"
+      "import": "./src/provider.tsx",
+      "types": "./src/provider.tsx"
     },
     "./utils": {
       "types": "./dist/utils.d.ts",
@@ -273,16 +272,16 @@
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-tabs": "^1.1.13",
     "@uidotdev/usehooks": "^2.4.1",
-    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "es-toolkit": "^1.31.0",
     "react-icons": "^5.4.0",
     "sonner": "^2.0.0",
-    "tailwind-merge": "^3.0.0"
+    "tailwind-merge": "^3.0.0",
+    "@tanstack/react-query": "^5.76.0"
   },
   "peerDependencies": {
     "@hanzogui/core": "^3.0.6",
-    "react": "^18.0.0 || ^19.0.0",
+    "react": ">=18",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {