@luxfi/ui 7.1.0 → 7.3.0

package/src/alert.tsx

@@ -1,4 +1,3 @@
-import { cva } from 'class-variance-authority';
 import * as React from 'react';
 
 import { cn } from './utils';
@@ -20,58 +19,28 @@ import { Skeleton } from './skeleton';
 type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
 
 /* ------------------------------------------------------------------ */
-/*  CVA variants                                                       */
+/*  Class maps (replaced CVA)                                          */
 /* ------------------------------------------------------------------ */
 
-const alertRoot = cva(
-  // base
-  'w-full flex items-start relative rounded text-[var(--color-alert-fg)]',
-  {
-    variants: {
-      status: {
-        info: 'bg-[var(--color-alert-bg-info)]',
-        warning: 'bg-[var(--color-alert-bg-warning)]',
-        warning_table: 'bg-[var(--color-alert-bg-warning-table)]',
-        success: 'bg-[var(--color-alert-bg-success)]',
-        error: 'bg-[var(--color-alert-bg-error)]',
-      },
-      size: {
-        sm: 'gap-2 px-2 py-2 text-xs',
-        md: 'gap-2 px-3 py-2 text-base',
-      },
-    },
-    defaultVariants: {
-      status: 'info',
-      size: 'md',
-    },
-  },
-);
+const ALERT_BASE = 'w-full flex items-start relative rounded text-[var(--color-alert-fg)]';
 
-const alertContent = cva('flex flex-1', {
-  variants: {
-    inline: {
-      'true': 'inline-flex flex-row items-center',
-      'false': 'flex flex-col',
-    },
-  },
-  defaultVariants: {
-    inline: true,
-  },
-});
+const STATUS_CLASSES: Record<AlertStatus, string> = {
+  info: 'bg-[var(--color-alert-bg-info)]',
+  warning: 'bg-[var(--color-alert-bg-warning)]',
+  warning_table: 'bg-[var(--color-alert-bg-warning-table)]',
+  success: 'bg-[var(--color-alert-bg-success)]',
+  error: 'bg-[var(--color-alert-bg-error)]',
+};
 
-const INDICATOR_BASE = 'inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-alert-fg)] [&>svg]:w-full [&>svg]:h-full';
+const SIZE_CLASSES: Record<string, string> = {
+  sm: 'gap-2 px-2 py-2 text-xs',
+  md: 'gap-2 px-3 py-2 text-base',
+};
 
-const indicatorVariants = cva(INDICATOR_BASE, {
-  variants: {
-    size: {
-      sm: 'w-5 h-5 my-0',
-      md: 'w-5 h-5 my-[2px]',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
+const INDICATOR_SIZE_CLASSES: Record<string, string> = {
+  sm: 'w-5 h-5 my-0',
+  md: 'w-5 h-5 my-[2px]',
+};
 
 /* ------------------------------------------------------------------ */
 /*  Props                                                              */
@@ -153,7 +122,10 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
       }
 
       return (
-        <span className={ indicatorVariants({ size: resolvedSize }) }>
+        <span className={ cn(
+          'inline-flex items-center justify-center shrink-0 text-[var(--color-alert-fg)] [&>svg]:w-full [&>svg]:h-full',
+          INDICATOR_SIZE_CLASSES[resolvedSize],
+        ) }>
           { icon || defaultIcon }
         </span>
       );
@@ -188,13 +160,13 @@ export const Alert = React.forwardRef<HTMLDivElement, AlertProps>(
       <Skeleton loading={ loading }>
         <div
           ref={ ref }
-          className={ cn(alertRoot({ status, size: resolvedSize }), className) }
+          className={ cn(ALERT_BASE, STATUS_CLASSES[status], SIZE_CLASSES[resolvedSize], className) }
           style={ alertStyle }
           { ...alertRest }
         >
           { iconElement }
           { children ? (
-            <div className={ alertContent({ inline }) }>
+            <div className={ cn('flex flex-1', inline ? 'inline-flex flex-row items-center' : 'flex flex-col') }>
               { title && <div className="font-semibold">{ title }</div> }
               <div
                 className={ cn('inline-flex flex-wrap', descClassName) }

package/src/index.ts

@@ -1,3 +1,4 @@
+export { AppProvider } from './provider';
 export { cn } from './utils';
 
 export {

package/src/input.tsx

@@ -1,41 +1,32 @@
-import { cva } from 'class-variance-authority';
 import React from 'react';
 
 import { cn } from './utils';
 
-const 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',
-    },
-  },
-);
+const 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(' ');
+
+const INPUT_SIZE_CLASSES: Record<string, string> = {
+  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',
+};
+
+const INPUT_VARIANT_CLASSES: Record<string, string> = {
+  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',
+};
 
 type InputSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
 type InputVariant = 'outline' | 'filled' | 'unstyled';
@@ -46,11 +37,11 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, '
 }
 
 export const Input = React.forwardRef<HTMLInputElement, InputProps>(
-  ({ size, variant, className, ...rest }, ref) => {
+  ({ size = 'md', variant = 'outline', className, ...rest }, ref) => {
     return (
       <input
         ref={ ref }
-        className={ cn(inputVariants({ size, variant }), className) }
+        className={ cn(INPUT_BASE, INPUT_SIZE_CLASSES[size], INPUT_VARIANT_CLASSES[variant], className) }
         { ...rest }
       />
     );

package/src/provider.tsx

@@ -1,12 +1,34 @@
 'use client';
 
+import { createGui } from '@hanzogui/core';
+import { QueryClient, QueryClientProvider, useQueryClient, useQuery, useMutation, useInfiniteQuery } from '@tanstack/react-query';
 import React from 'react';
 
-import {
-  ColorModeProvider,
-  type ColorModeProviderProps,
-} from './color-mode';
+// Initialize @hanzogui once at module load
+let _guiInitialized = false;
+function ensureGui() {
+  if (_guiInitialized) return;
+  createGui({ settings: { autocompleteSpecificTokens: 'except-special' } });
+  _guiInitialized = true;
+}
+ensureGui();
+
+const defaultQueryClient = new QueryClient({
+  defaultOptions: { queries: { refetchOnWindowFocus: false, retry: 1, staleTime: 30_000 } },
+});
 
-export function Provider(props: ColorModeProviderProps) {
-  return <ColorModeProvider { ...props }/>;
+interface AppProviderProps {
+  children: React.ReactNode;
+  queryClient?: QueryClient;
 }
+
+export const AppProvider = ({ children, queryClient }: AppProviderProps) => {
+  return (
+    <QueryClientProvider client={ queryClient ?? defaultQueryClient }>
+      { children }
+    </QueryClientProvider>
+  );
+};
+
+// Re-export tanstack hooks so consumers never import @tanstack/react-query directly
+export { QueryClient, useQueryClient, useQuery, useMutation, useInfiniteQuery };

package/src/tag.tsx

@@ -1,4 +1,3 @@
-import { cva } from 'class-variance-authority';
 import * as React from 'react';
 
 import { cn } from './utils';
@@ -22,39 +21,20 @@ function TruncatedTextTooltip({ label, children }: { readonly label: React.React
 type TagVariant = 'subtle' | 'clickable' | 'filter' | 'select';
 type TagSize = 'sm' | 'md' | 'lg';
 
-const 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',
-    },
-  },
-);
+const 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';
+
+const TAG_VARIANT_CLASSES: Record<TagVariant, string> = {
+  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',
+};
+
+const TAG_SIZE_CLASSES: Record<TagSize, string> = {
+  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',
+};
 
 const TAG_SELECTED_CLASSES = [
   'bg-[var(--color-tag-select-selected-bg)]',
@@ -121,7 +101,9 @@ export const Tag = React.forwardRef<HTMLSpanElement, TagProps>(
         <span
           ref={ 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/src/textarea.tsx

@@ -1,41 +1,32 @@
-import { cva } from 'class-variance-authority';
 import React from 'react';
 
 import { cn } from './utils';
 
-const 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',
-    },
-  },
-);
+const 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(' ');
+
+const TEXTAREA_SIZE_CLASSES: Record<string, string> = {
+  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',
+};
+
+const TEXTAREA_VARIANT_CLASSES: Record<string, string> = {
+  outline: 'border border-solid',
+  filled: 'border-0 bg-[var(--color-input-filled-bg,theme(colors.gray.100))]',
+  unstyled: 'border-0 bg-transparent p-0',
+};
 
 type TextareaSize = 'xs' | 'sm' | 'md' | 'lg' | '2xl';
 type TextareaVariant = 'outline' | 'filled' | 'unstyled';
@@ -46,11 +37,11 @@ export interface TextareaProps extends Omit<React.ComponentPropsWithRef<'textare
 }
 
 export const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(
-  ({ size, variant, className, ...rest }, ref) => {
+  ({ size = 'md', variant = 'outline', className, ...rest }, ref) => {
     return (
       <textarea
         ref={ ref }
-        className={ cn(textareaVariants({ size, variant }), className) }
+        className={ cn(TEXTAREA_BASE, TEXTAREA_SIZE_CLASSES[size], TEXTAREA_VARIANT_CLASSES[variant], className) }
         { ...rest }
       />
     );

package/dist/accordion.d.cts

@@ -1,74 +0,0 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-
-interface AccordionRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> {
-    /** Open multiple items simultaneously. Defaults to true. */
-    readonly multiple?: boolean;
-    /** Controlled open items (array of `value` strings). */
-    readonly value?: Array<string>;
-    /** Uncontrolled initial open items. */
-    readonly defaultValue?: Array<string>;
-    /**
-     * Called when open items change.
-     * Wraps the value in `{ value }` to stay compatible with the Chakra callback shape
-     * that consumers already rely on.
-     */
-    readonly onValueChange?: (details: {
-        value: Array<string>;
-    }) => void;
-    readonly variant?: 'outline' | 'faq';
-    readonly size?: 'sm' | 'md';
-    /** Accepted for compatibility; not applied visually. */
-    readonly noAnimation?: boolean;
-    /** Accepted for compatibility; Radix defers rendering internally. */
-    readonly lazyMount?: boolean;
-    readonly children?: React.ReactNode;
-    readonly position?: string;
-    readonly w?: string;
-    readonly bgColor?: string | Record<string, string>;
-    readonly borderRadius?: string;
-}
-declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
-interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
-    as?: string;
-    _first?: Record<string, unknown>;
-    _last?: Record<string, unknown>;
-    display?: string;
-}
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-interface AccordionItemTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, 'dir'> {
-    readonly indicatorPlacement?: 'start' | 'end';
-    readonly noIndicator?: boolean;
-    readonly variant?: 'outline' | 'faq';
-    px?: number | string;
-    py?: number | string;
-    _hover?: Record<string, string>;
-    wordBreak?: string;
-    textAlign?: string;
-    cursor?: string;
-    display?: string;
-    alignItems?: string;
-    columnGap?: number | string;
-}
-declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface AccordionItemContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
-    pb?: number | string;
-    pr?: number | string;
-    pl?: string;
-    w?: string;
-    display?: string;
-    flexDir?: string;
-    rowGap?: number | string;
-}
-declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
-declare function useAccordion(items: Array<{
-    id: string;
-}>): {
-    value: string[];
-    onValueChange: ({ value }: {
-        value: Array<string>;
-    }) => void;
-    scrollToItemFromUrl: () => void;
-};
-
-export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, AccordionItemTrigger, AccordionRoot, useAccordion };

package/dist/accordion.d.ts

@@ -1,74 +0,0 @@
-import * as AccordionPrimitive from '@radix-ui/react-accordion';
-import * as React from 'react';
-
-interface AccordionRootProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue' | 'dir'> {
-    /** Open multiple items simultaneously. Defaults to true. */
-    readonly multiple?: boolean;
-    /** Controlled open items (array of `value` strings). */
-    readonly value?: Array<string>;
-    /** Uncontrolled initial open items. */
-    readonly defaultValue?: Array<string>;
-    /**
-     * Called when open items change.
-     * Wraps the value in `{ value }` to stay compatible with the Chakra callback shape
-     * that consumers already rely on.
-     */
-    readonly onValueChange?: (details: {
-        value: Array<string>;
-    }) => void;
-    readonly variant?: 'outline' | 'faq';
-    readonly size?: 'sm' | 'md';
-    /** Accepted for compatibility; not applied visually. */
-    readonly noAnimation?: boolean;
-    /** Accepted for compatibility; Radix defers rendering internally. */
-    readonly lazyMount?: boolean;
-    readonly children?: React.ReactNode;
-    readonly position?: string;
-    readonly w?: string;
-    readonly bgColor?: string | Record<string, string>;
-    readonly borderRadius?: string;
-}
-declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
-interface AccordionItemProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item> {
-    as?: string;
-    _first?: Record<string, unknown>;
-    _last?: Record<string, unknown>;
-    display?: string;
-}
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
-interface AccordionItemTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>, 'dir'> {
-    readonly indicatorPlacement?: 'start' | 'end';
-    readonly noIndicator?: boolean;
-    readonly variant?: 'outline' | 'faq';
-    px?: number | string;
-    py?: number | string;
-    _hover?: Record<string, string>;
-    wordBreak?: string;
-    textAlign?: string;
-    cursor?: string;
-    display?: string;
-    alignItems?: string;
-    columnGap?: number | string;
-}
-declare const AccordionItemTrigger: React.ForwardRefExoticComponent<AccordionItemTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-interface AccordionItemContentProps extends React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> {
-    pb?: number | string;
-    pr?: number | string;
-    pl?: string;
-    w?: string;
-    display?: string;
-    flexDir?: string;
-    rowGap?: number | string;
-}
-declare const AccordionItemContent: React.ForwardRefExoticComponent<AccordionItemContentProps & React.RefAttributes<HTMLDivElement>>;
-declare function useAccordion(items: Array<{
-    id: string;
-}>): {
-    value: string[];
-    onValueChange: ({ value }: {
-        value: Array<string>;
-    }) => void;
-    scrollToItemFromUrl: () => void;
-};
-
-export { AccordionItem, AccordionItemContent, type AccordionItemContentProps, AccordionItemTrigger, AccordionRoot, useAccordion };

package/dist/alert.d.cts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-
-type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
-interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
-    readonly status?: AlertStatus;
-    readonly size?: 'sm' | 'md';
-    readonly inline?: boolean;
-    readonly startElement?: React.ReactNode;
-    readonly endElement?: React.ReactNode;
-    readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
-        whiteSpace?: string;
-        alignItems?: string;
-        flexDir?: string;
-        flexWrap?: string;
-        rowGap?: number | string;
-        columnGap?: number | string;
-    };
-    readonly title?: React.ReactNode;
-    readonly icon?: React.ReactElement;
-    readonly closable?: boolean;
-    readonly onClose?: () => void;
-    readonly loading?: boolean;
-    readonly showIcon?: boolean;
-    readonly whiteSpace?: string;
-    readonly mb?: number | string;
-    readonly mt?: number | string;
-}
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Alert, type AlertProps };

package/dist/alert.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-
-type AlertStatus = 'info' | 'warning' | 'warning_table' | 'success' | 'error';
-interface AlertProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title'> {
-    readonly status?: AlertStatus;
-    readonly size?: 'sm' | 'md';
-    readonly inline?: boolean;
-    readonly startElement?: React.ReactNode;
-    readonly endElement?: React.ReactNode;
-    readonly descriptionProps?: Omit<React.ComponentPropsWithoutRef<'div'>, 'ref'> & {
-        whiteSpace?: string;
-        alignItems?: string;
-        flexDir?: string;
-        flexWrap?: string;
-        rowGap?: number | string;
-        columnGap?: number | string;
-    };
-    readonly title?: React.ReactNode;
-    readonly icon?: React.ReactElement;
-    readonly closable?: boolean;
-    readonly onClose?: () => void;
-    readonly loading?: boolean;
-    readonly showIcon?: boolean;
-    readonly whiteSpace?: string;
-    readonly mb?: number | string;
-    readonly mt?: number | string;
-}
-declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Alert, type AlertProps };

package/dist/avatar.d.cts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-
-type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-type AvatarVariant = 'solid' | 'subtle' | 'outline';
-interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
-    name?: string;
-    src?: string;
-    srcSet?: string;
-    loading?: ImageProps['loading'];
-    icon?: React.ReactElement;
-    fallback?: React.ReactNode;
-    size?: AvatarSize;
-    variant?: AvatarVariant;
-    borderless?: boolean;
-}
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
-    size?: AvatarSize;
-    variant?: AvatarVariant;
-    borderless?: boolean;
-}
-declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Avatar, AvatarGroup, type AvatarProps };

package/dist/avatar.d.ts

@@ -1,25 +0,0 @@
-import * as React from 'react';
-
-type ImageProps = React.ImgHTMLAttributes<HTMLImageElement>;
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-type AvatarVariant = 'solid' | 'subtle' | 'outline';
-interface AvatarProps extends React.ComponentPropsWithoutRef<'span'> {
-    name?: string;
-    src?: string;
-    srcSet?: string;
-    loading?: ImageProps['loading'];
-    icon?: React.ReactElement;
-    fallback?: React.ReactNode;
-    size?: AvatarSize;
-    variant?: AvatarVariant;
-    borderless?: boolean;
-}
-declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
-interface AvatarGroupProps extends React.ComponentPropsWithoutRef<'div'> {
-    size?: AvatarSize;
-    variant?: AvatarVariant;
-    borderless?: boolean;
-}
-declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-export { Avatar, AvatarGroup, type AvatarProps };