@luxfi/ui 7.4.15 → 8.1.0

package/dist/table.cjs

@@ -2,9 +2,8 @@
 'use strict';
 
 var esToolkit = require('es-toolkit');
+var ui = require('@hanzo/ui');
 var React3 = require('react');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopNamespace(e) {
@@ -28,158 +27,26 @@ function _interopNamespace(e) {
 var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 // src/table.tsx
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-var SHIM_PROPS = [
-  "w",
-  "h",
-  "minW",
-  "maxW",
-  "display",
-  "flexGrow",
-  "flexShrink",
-  "flexBasis",
-  "fontWeight",
-  "textStyle",
-  "borderRadius",
-  "alignSelf",
-  "alignItems",
-  "justifyContent",
-  "color",
-  "mt",
-  "mb",
-  "ml",
-  "mr",
-  "height",
-  "overflow",
-  "whiteSpace",
-  "textOverflow",
-  "textTransform",
-  "gap",
-  "gridTemplateColumns",
-  "minWidth",
-  "boxSize",
-  "py",
-  "px",
-  "p",
-  "hideBelow",
-  "fontSize",
-  "flexWrap",
-  "wordBreak",
-  "lineHeight",
-  "marginRight",
-  "position",
-  "background"
-];
-var S = 4;
-function dim(v) {
-  if (v == null) return void 0;
-  if (typeof v === "number") return `${v * S}px`;
-  if (typeof v === "string") return v;
-  if (typeof v === "object") {
-    const o = v;
-    return o.base ?? o.lg ?? o.xl ?? Object.values(o)[0];
-  }
-  return void 0;
-}
-function sp(v) {
-  if (v === void 0) return void 0;
-  return typeof v === "number" ? `${v * S}px` : v;
-}
-function shimToStyle(props) {
-  const s = {};
-  if (props.w !== void 0) s.width = dim(props.w);
-  if (props.h !== void 0) s.height = dim(props.h);
-  if (props.minW !== void 0) s.minWidth = dim(props.minW);
-  if (props.maxW !== void 0) s.maxWidth = dim(props.maxW);
-  if (props.display !== void 0) s.display = props.display;
-  if (props.flexGrow !== void 0) s.flexGrow = props.flexGrow;
-  if (props.flexShrink !== void 0) s.flexShrink = props.flexShrink;
-  if (props.flexBasis !== void 0) s.flexBasis = props.flexBasis;
-  if (props.fontWeight !== void 0) s.fontWeight = props.fontWeight;
-  if (props.borderRadius !== void 0) s.borderRadius = props.borderRadius;
-  if (props.alignSelf !== void 0) s.alignSelf = props.alignSelf;
-  if (props.alignItems !== void 0) s.alignItems = props.alignItems;
-  if (props.justifyContent !== void 0) s.justifyContent = props.justifyContent;
-  if (props.color !== void 0) s.color = props.color;
-  if (props.mt !== void 0) s.marginTop = sp(props.mt);
-  if (props.mb !== void 0) s.marginBottom = sp(props.mb);
-  if (props.ml !== void 0) s.marginLeft = sp(props.ml);
-  if (props.mr !== void 0) s.marginRight = sp(props.mr);
-  if (props.height !== void 0) s.height = props.height;
-  if (props.overflow !== void 0) s.overflow = props.overflow;
-  if (props.whiteSpace !== void 0) s.whiteSpace = props.whiteSpace;
-  if (props.textOverflow !== void 0) s.textOverflow = props.textOverflow;
-  if (props.textTransform !== void 0) s.textTransform = props.textTransform;
-  if (props.gap !== void 0) s.gap = sp(props.gap);
-  if (props.gridTemplateColumns !== void 0) s.gridTemplateColumns = props.gridTemplateColumns;
-  if (props.minWidth !== void 0) s.minWidth = props.minWidth;
-  if (props.boxSize !== void 0) {
-    const v = typeof props.boxSize === "number" ? `${props.boxSize * S}px` : props.boxSize;
-    s.width = v;
-    s.height = v;
-  }
-  if (props.py !== void 0) {
-    const v = sp(props.py);
-    s.paddingTop = v;
-    s.paddingBottom = v;
-  }
-  if (props.px !== void 0) {
-    const v = sp(props.px);
-    s.paddingLeft = v;
-    s.paddingRight = v;
-  }
-  if (props.p !== void 0) s.padding = sp(props.p);
-  if (props.fontSize !== void 0) s.fontSize = props.fontSize;
-  if (props.flexWrap !== void 0) s.flexWrap = props.flexWrap;
-  if (props.wordBreak !== void 0) s.wordBreak = props.wordBreak;
-  if (props.lineHeight !== void 0) s.lineHeight = props.lineHeight;
-  if (props.marginRight !== void 0) s.marginRight = props.marginRight;
-  if (props.position !== void 0) s.position = props.position;
-  if (props.background !== void 0) s.background = props.background;
-  return s;
-}
-function stripShims(props) {
-  const out = { ...props };
-  for (const k of SHIM_PROPS) delete out[k];
-  return out;
-}
 var SKELETON_CLASSES = "lux-skeleton rounded-sm";
-var HIDE_BELOW_MAP = { lg: "lg:hidden", md: "md:hidden", sm: "sm:hidden" };
 var Skeleton = React3__namespace.forwardRef(
   function Skeleton2(props, ref) {
-    const { loading = false, asChild, className, children, style: styleProp, as: Component = "div", ...allRest } = props;
-    const shimStyle = shimToStyle(props);
-    const mergedStyle = Object.keys(shimStyle).length > 0 || styleProp ? { ...shimStyle, ...styleProp } : void 0;
-    const hideBelowClass = props.hideBelow ? HIDE_BELOW_MAP[props.hideBelow] : void 0;
-    const cls = hideBelowClass ? cn(className, hideBelowClass) : className;
-    const htmlRest = stripShims(allRest);
+    const { loading = true, asChild, className, children, style, ...rest } = props;
     if (!loading) {
       if (asChild && React3__namespace.isValidElement(children)) return children;
-      return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className: cls, style: mergedStyle, ...htmlRest, children });
-    }
-    if (asChild && React3__namespace.isValidElement(children)) {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        Component,
-        {
-          ref,
-          "data-loading": true,
-          className: cn(SKELETON_CLASSES, "[&_*]:invisible", cls),
-          style: mergedStyle,
-          ...htmlRest,
-          children
-        }
-      );
+      return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className, style, ...rest, children });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
+      "div",
       {
         ref,
         "data-loading": true,
-        className: cn(SKELETON_CLASSES, children ? "[&_*]:invisible" : "min-h-5", cls),
-        style: mergedStyle,
-        ...htmlRest,
+        ...ui.sx(
+          SKELETON_CLASSES,
+          asChild || children ? "[&_*]:invisible" : "min-h-5",
+          className
+        ),
+        style,
+        ...rest,
         children
       }
     );
@@ -194,7 +61,7 @@ React3__namespace.forwardRef(
       {
         ref,
         loading,
-        className: cn("rounded-full shrink-0", className),
+        ...ui.sx("rounded-full shrink-0", className),
         style: { width: dimension, height: dimension, ...rest.style },
         ...rest
       }
@@ -204,11 +71,11 @@ React3__namespace.forwardRef(
 React3__namespace.forwardRef(
   function SkeletonText2(props, ref) {
     const { noOfLines = 3, loading = true, className, ...rest } = props;
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { ref, className: ui.cn("flex w-full flex-col gap-2", className), ...rest, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
       Skeleton,
       {
         loading,
-        className: cn("h-4", index === noOfLines - 1 && "max-w-[80%]")
+        ...ui.sx(ui.cn("h-4", index === noOfLines - 1 && "max-w-[80%]"))
       },
       index
     )) });
@@ -227,40 +94,40 @@ function stripUtmParams(url) {
   }
 }
 var VARIANT_CLASSES = {
-  primary: cn(
+  primary: ui.cn(
     "text-[var(--color-link-primary)]",
     "hover:no-underline hover:text-[var(--color-link-primary-hover)]",
     "data-[hover]:no-underline data-[hover]:text-[var(--color-link-primary-hover)]"
   ),
-  secondary: cn(
+  secondary: ui.cn(
     "text-[var(--color-link-secondary)]",
     "hover:no-underline hover:text-[var(--color-hover)]",
     "data-[hover]:no-underline data-[hover]:text-[var(--color-hover)]"
   ),
-  subtle: cn(
+  subtle: ui.cn(
     "text-[var(--color-link-subtle)]",
     "hover:text-[var(--color-link-subtle-hover)] hover:underline hover:decoration-[var(--color-link-subtle-hover)]",
     "data-[hover]:text-[var(--color-link-subtle-hover)] data-[hover]:underline data-[hover]:decoration-[var(--color-link-subtle-hover)]"
   ),
-  underlaid: cn(
+  underlaid: ui.cn(
     "text-[var(--color-link-primary)] bg-[var(--color-link-underlaid-bg)]",
     "px-2 py-1.5 rounded-md text-sm",
     "hover:text-[var(--color-link-primary-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-link-primary-hover)] data-[hover]:no-underline"
   ),
-  menu: cn(
+  menu: ui.cn(
     "text-[var(--color-link-menu)]",
     "hover:text-[var(--color-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-hover)] data-[hover]:no-underline"
   ),
-  navigation: cn(
+  navigation: ui.cn(
     "text-[var(--color-link-nav-fg)] bg-transparent",
     "hover:text-[var(--color-link-nav-fg-hover)] hover:no-underline",
     "data-[hover]:text-[var(--color-link-nav-fg-hover)] data-[hover]:no-underline",
     "data-[selected]:text-[var(--color-link-nav-fg-selected)] data-[selected]:bg-[var(--color-link-nav-bg-selected)]",
     "data-[active]:text-[var(--color-link-nav-fg-active)]"
   ),
-  plain: cn(
+  plain: ui.cn(
     "text-inherit",
     "hover:no-underline",
     "data-[hover]:no-underline"
@@ -270,7 +137,7 @@ var BASE_CLASSES = "inline-flex items-center gap-0 cursor-pointer data-[disabled
 var LinkExternalIcon = ({ color }) => /* @__PURE__ */ jsxRuntime.jsx(
   ArrowIcon,
   {
-    className: cn(
+    ...ui.sx(
       "size-3 align-middle shrink-0",
       "group-hover:text-inherit"
     ),
@@ -335,15 +202,16 @@ var Link = React3__namespace.default.forwardRef(
     if (_minW !== void 0) shimStyle.minWidth = typeof _minW === "number" ? `${_minW * SPACING}px` : _minW;
     if (_justifyContent) shimStyle.justifyContent = _justifyContent;
     if (_position) shimStyle.position = _position;
-    const linkClasses = cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
+    const linkClasses = ui.cn(BASE_CLASSES, VARIANT_CLASSES[variant], className);
     const linkStyle = Object.keys(shimStyle).length > 0 ? shimStyle : void 0;
     if (external) {
       const processedHref = typeof href === "string" ? stripUtmParams(href) : href;
       return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        "a",
+        ui.Box,
         {
+          tag: "a",
           href: processedHref,
-          className: cn("group", linkClasses),
+          className: ui.cn("group", linkClasses),
           style: linkStyle,
           target: "_blank",
           rel: "noopener noreferrer",
@@ -358,8 +226,9 @@ var Link = React3__namespace.default.forwardRef(
     }
     if (href) {
       return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
+        ui.Box,
         {
+          tag: "a",
           href,
           className: linkClasses,
           style: linkStyle,
@@ -370,8 +239,9 @@ var Link = React3__namespace.default.forwardRef(
       ) });
     }
     return /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { loading, ref, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
+      ui.Box,
       {
+        tag: "span",
         className: linkClasses,
         ...disabled ? { "data-disabled": true } : {},
         ...rest,
@@ -384,10 +254,10 @@ React3__namespace.default.forwardRef(
   function LinkBox2(props, ref) {
     const { className, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+      ui.Box,
       {
         ref,
-        className: cn("relative", className),
+        className: ui.cn("relative", className),
         ...rest
       }
     );
@@ -423,7 +293,7 @@ React3__namespace.default.forwardRef(
       position: _p2,
       ...rest
     } = props;
-    const overlayClasses = cn(
+    const overlayClasses = ui.cn(
       BASE_CLASSES,
       VARIANT_CLASSES[variant],
       // Static positioning with a ::before pseudo-element that covers the LinkBox
@@ -434,26 +304,28 @@ React3__namespace.default.forwardRef(
     if (external) {
       const processedHref = typeof href === "string" ? stripUtmParams(href) : href;
       return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
+        ui.Box,
         {
+          tag: "a",
           ref,
           href: loading ? void 0 : processedHref,
           className: overlayClasses,
           target: "_blank",
           rel: "noopener noreferrer",
           ...rest,
-          children: (children || !noIcon && href) && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton, { display: "inline-flex", alignItems: "center", loading, maxW: "100%", h: "100%", children: [
+          children: (children || !noIcon && href) && /* @__PURE__ */ jsxRuntime.jsxs(Skeleton, { ...ui.sx("inline-flex items-center max-w-full h-full"), loading, children: [
             children,
             !noIcon && href && /* @__PURE__ */ jsxRuntime.jsx(LinkExternalIcon, { color: iconColor })
           ] })
         }
       );
     }
-    const content = children ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { display: "inline-flex", alignItems: "center", loading, maxW: "100%", h: "100%", children }) : null;
+    const content = children ? /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { ...ui.sx("inline-flex items-center max-w-full h-full"), loading, children }) : null;
     if (href) {
       return /* @__PURE__ */ jsxRuntime.jsx(
-        "a",
+        ui.Box,
         {
+          tag: "a",
           ref,
           href,
           className: overlayClasses,
@@ -463,8 +335,9 @@ React3__namespace.default.forwardRef(
       );
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
+      ui.Box,
       {
+        tag: "span",
         ref,
         className: overlayClasses,
         ...rest,
@@ -473,7 +346,7 @@ React3__namespace.default.forwardRef(
     );
   }
 );
-var ArrowIcon2 = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14M12 5l7 7-7 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var ArrowIcon2 = (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { ...props, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14M12 5l7 7-7 7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
 var SPACING_SCALE = 4;
 function toPixels(value) {
   if (value === void 0) return void 0;
@@ -664,10 +537,11 @@ var TableRoot = React3__namespace.forwardRef(
     const { style: extracted, rest } = extractStyles(other);
     const merged = { ...extracted, ...styleProp };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "table",
+      ui.Box,
       {
+        tag: "table",
         ref,
-        className: cn("w-full border-collapse text-sm", className),
+        className: ui.cn("w-full border-collapse text-sm", className),
         style: merged,
         ...rest,
         children
@@ -681,10 +555,11 @@ var TableHeader = React3__namespace.forwardRef(
     const { style: extracted, rest } = extractStyles(other);
     const merged = { ...extracted, ...styleProp };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "thead",
+      ui.Box,
       {
+        tag: "thead",
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -698,10 +573,11 @@ var TableBody = React3__namespace.forwardRef(
     const { style: extracted, rest } = extractStyles(other);
     const merged = { ...extracted, ...styleProp };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "tbody",
+      ui.Box,
       {
+        tag: "tbody",
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -715,10 +591,11 @@ var TableRow = React3__namespace.forwardRef(
     const { style: extracted, rest } = extractStyles(other);
     const merged = { ...extracted, ...styleProp };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "tr",
+      ui.Box,
       {
+        tag: "tr",
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -736,10 +613,11 @@ var TableCell = React3__namespace.forwardRef(
       ...styleProp
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "td",
+      ui.Box,
       {
+        tag: "td",
         ref,
-        className: cn("px-3 py-2.5 align-top text-sm", className),
+        className: ui.cn("px-3 py-2.5 align-top text-sm", className),
         style: merged,
         ...rest,
         children
@@ -757,10 +635,11 @@ var TableColumnHeader = React3__namespace.forwardRef(
       ...styleProp
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "th",
+      ui.Box,
       {
+        tag: "th",
         ref,
-        className: cn(
+        className: ui.cn(
           "px-3 py-2 text-xs font-semibold uppercase tracking-wider",
           "bg-[var(--color-table-header-bg)] text-[var(--color-table-header-fg)]",
           className
@@ -780,16 +659,17 @@ var TableColumnHeaderSortable = (props) => {
   const isActive = sortValue.includes(sortField);
   const isAsc = sortValue.toLowerCase().includes("asc");
   return /* @__PURE__ */ jsxRuntime.jsxs(TableColumnHeader, { ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Link, { onClick: disabled ? void 0 : handleSortToggle, className: "relative", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Link, { onClick: disabled ? void 0 : handleSortToggle, ...ui.sx("relative"), style: ui.css("relative"), children: [
       isActive && /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
+        ui.Box,
         {
-          className: cn(
+          tag: "span",
+          className: ui.cn(
             "absolute top-0 inline-flex h-full w-4 items-center",
             indicatorPosition === "left" ? "-left-5" : "-right-5",
             isAsc ? "-rotate-90" : "rotate-90"
           ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon2, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(ArrowIcon2, { style: ui.css("h-4 w-4") })
         }
       ),
       children
@@ -820,7 +700,7 @@ var TableHeaderSticky = (props) => {
     TableHeader,
     {
       ref,
-      className: cn("sticky z-[1] bg-white dark:bg-black", className),
+      ...ui.sx("sticky z-[1] bg-white dark:bg-black", className),
       style: {
         top: top ? `${top}px` : 0,
         boxShadow: isStuck ? ACTION_BAR_SHADOW : "none",
@@ -837,10 +717,11 @@ var TableCaption = React3__namespace.forwardRef(
     const { style: extracted, rest } = extractStyles(other);
     const merged = { ...extracted, ...styleProp };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "caption",
+      ui.Box,
       {
+        tag: "caption",
         ref,
-        className: cn("px-3 py-2 text-sm text-[var(--color-table-header-fg)]", className),
+        className: ui.cn("px-3 py-2 text-sm text-[var(--color-table-header-fg)]", className),
         style: merged,
         ...rest,
         children
@@ -854,10 +735,11 @@ var TableFooter = React3__namespace.forwardRef(
     const { style: extracted, rest } = extractStyles(other);
     const merged = { ...extracted, ...styleProp };
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "tfoot",
+      ui.Box,
       {
+        tag: "tfoot",
         ref,
-        className: cn("", className),
+        className: ui.cn("", className),
         style: merged,
         ...rest,
         children
@@ -869,10 +751,10 @@ var TableScrollWrapper = React3__namespace.forwardRef(
   function TableScrollWrapper2(props, ref) {
     const { className, children, ...rest } = props;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+      ui.Box,
       {
         ref,
-        className: cn("w-full overflow-x-auto", className),
+        className: ui.cn("w-full overflow-x-auto", className),
         ...rest,
         children
       }

package/dist/table.d.ts

@@ -1,6 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-
 interface ChakraStyleProps {
     width?: React.CSSProperties['width'];
     w?: React.CSSProperties['width'];
@@ -51,37 +49,37 @@ interface ChakraStyleProps {
     _first?: Record<string, unknown>;
     _last?: Record<string, unknown>;
 }
-interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
+export interface TableRootProps extends Omit<ChakraStyleProps, 'minWidth' | 'minW'>, Omit<React.HTMLAttributes<HTMLTableElement>, 'color'> {
     children?: React.ReactNode;
     minWidth?: React.CSSProperties['minWidth'] | Record<string, string>;
     minW?: React.CSSProperties['minWidth'] | Record<string, string>;
 }
-declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
-interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+export declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLTableElement>>;
+export interface TableHeaderProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableBodyProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
+export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableRowProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
-interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export interface TableCellProps extends Omit<ChakraStyleProps, 'width' | 'height'>, Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'> {
     isNumeric?: boolean;
     children?: React.ReactNode;
     display?: string;
     justifyContent?: string;
 }
-declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableColumnHeaderProps extends ChakraStyleProps, Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'> {
     isNumeric?: boolean;
     children?: React.ReactNode;
 }
-declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
-interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
+export declare const TableColumnHeader: React.ForwardRefExoticComponent<TableColumnHeaderProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHeaderProps {
     sortField: F;
     sortValue: string;
     onSortToggle: (sortField: F) => void;
@@ -89,19 +87,19 @@ interface TableColumnHeaderSortableProps<F extends string> extends TableColumnHe
     indicatorPosition?: 'left' | 'right';
     contentAfter?: React.ReactNode;
 }
-declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => react_jsx_runtime.JSX.Element;
-declare const TableHeaderSticky: (props: TableHeaderProps) => react_jsx_runtime.JSX.Element;
-interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
+export declare const TableColumnHeaderSortable: <F extends string>(props: TableColumnHeaderSortableProps<F>) => import("react/jsx-runtime").JSX.Element;
+export declare const TableHeaderSticky: (props: TableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export interface TableCaptionProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableCaptionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
-interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
+export declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+export interface TableFooterProps extends ChakraStyleProps, Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'> {
     children?: React.ReactNode;
 }
-declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
-interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+export declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+export interface TableScrollWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }
-declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
-
-export { TableBody, type TableBodyProps, TableCaption, type TableCaptionProps, TableCell, type TableCellProps, TableColumnHeader, type TableColumnHeaderProps, TableColumnHeaderSortable, type TableColumnHeaderSortableProps, TableFooter, type TableFooterProps, TableHeader, type TableHeaderProps, TableHeaderSticky, TableRoot, type TableRootProps, TableRow, type TableRowProps, TableScrollWrapper, type TableScrollWrapperProps };
+export declare const TableScrollWrapper: React.ForwardRefExoticComponent<TableScrollWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=table.d.ts.map

package/dist/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../src/table.tsx"],"names":[],"mappings":"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"}