@moduix/react 2.1.0 → 2.2.4

package/dist/components/switch/Switch.js

@@ -1,70 +1,76 @@
-import { normalizeClassName } from "../../lib/moduix/normalizeClassName.js";
-import Switch_module_default from "./Switch.module.js";
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Switch, SwitchContext, useSwitch, useSwitchContext } from "@ark-ui/react/switch";
 import { clsx } from "clsx";
 import { Children, cloneElement, forwardRef } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { Switch, SwitchContext, useSwitch, useSwitchContext } from "@ark-ui/react/switch";
-//#region src/components/switch/Switch.tsx
-const SwitchRoot = forwardRef(function SwitchRoot({ asChild, children, className, size = "md", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Switch.Root, {
-		ref,
-		asChild,
-		"data-slot": "switch-root",
-		"data-size": size,
-		className: clsx(Switch_module_default.root, normalizeClassName(className)),
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+import { normalizeClassName } from "../../internal/normalizeClassName.js";
+import Switch_module from "./Switch.module.js";
+const Switch_SwitchRoot = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Root, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "switch-root",
+        "data-size": size,
+        className: clsx(Switch_module.root, normalizeClassName(className)),
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
-const SwitchRootProvider = forwardRef(function SwitchRootProvider({ asChild, children, className, size = "md", ...props }, ref) {
-	return /* @__PURE__ */ jsx(Switch.RootProvider, {
-		ref,
-		asChild,
-		"data-slot": "switch-root-provider",
-		"data-size": size,
-		className: clsx(Switch_module_default.root, normalizeClassName(className)),
-		...props,
-		children: withHiddenInput(children, asChild)
-	});
+const Switch_SwitchRootProvider = /*#__PURE__*/ forwardRef(function({ asChild, children, className, size = 'md', ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.RootProvider, {
+        ref: ref,
+        asChild: asChild,
+        "data-slot": "switch-root-provider",
+        "data-size": size,
+        className: clsx(Switch_module.root, normalizeClassName(className)),
+        ...props,
+        children: withHiddenInput(children, asChild)
+    });
 });
-const SwitchControl = forwardRef(function SwitchControl({ className, children, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Switch.Control, {
-		ref,
-		"data-slot": "switch-control",
-		className: clsx(Switch_module_default.control, normalizeClassName(className)),
-		...props,
-		children: children ?? /* @__PURE__ */ jsx(SwitchThumb, {})
-	});
+const Switch_SwitchControl = /*#__PURE__*/ forwardRef(function({ className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Control, {
+        ref: ref,
+        "data-slot": "switch-control",
+        className: clsx(Switch_module.control, normalizeClassName(className)),
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(Switch_SwitchThumb, {})
+    });
 });
-const SwitchThumb = forwardRef(function SwitchThumb({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Switch.Thumb, {
-		ref,
-		"data-slot": "switch-thumb",
-		className: clsx(Switch_module_default.thumb, normalizeClassName(className)),
-		...props
-	});
+const Switch_SwitchThumb = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Thumb, {
+        ref: ref,
+        "data-slot": "switch-thumb",
+        className: clsx(Switch_module.thumb, normalizeClassName(className)),
+        ...props
+    });
 });
-const SwitchLabel = forwardRef(function SwitchLabel({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Switch.Label, {
-		ref,
-		"data-slot": "switch-label",
-		className: clsx(Switch_module_default.label, normalizeClassName(className)),
-		...props
-	});
+const Switch_SwitchLabel = /*#__PURE__*/ forwardRef(function({ className, ...props }, ref) {
+    return /*#__PURE__*/ jsx(Switch.Label, {
+        ref: ref,
+        "data-slot": "switch-label",
+        className: clsx(Switch_module.label, normalizeClassName(className)),
+        ...props
+    });
 });
 function withHiddenInput(children, asChild) {
-	const hiddenInput = /* @__PURE__ */ jsx(Switch.HiddenInput, { "data-slot": "switch-hidden-input" });
-	if (!asChild) return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, hiddenInput] });
-	const child = Children.only(children);
-	return cloneElement(child, {}, child.props.children, hiddenInput);
+    const hiddenInput = /*#__PURE__*/ jsx(Switch.HiddenInput, {
+        "data-slot": "switch-hidden-input"
+    });
+    if (!asChild) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            children,
+            hiddenInput
+        ]
+    });
+    const child = Children.only(children);
+    return /*#__PURE__*/ cloneElement(child, {}, child.props.children, hiddenInput);
 }
-const Switch$1 = Object.assign(SwitchRoot, {
-	Root: SwitchRoot,
-	RootProvider: SwitchRootProvider,
-	Control: SwitchControl,
-	Thumb: SwitchThumb,
-	Label: SwitchLabel,
-	Context: SwitchContext
+const Switch_Switch = Object.assign(Switch_SwitchRoot, {
+    Root: Switch_SwitchRoot,
+    RootProvider: Switch_SwitchRootProvider,
+    Control: Switch_SwitchControl,
+    Thumb: Switch_SwitchThumb,
+    Label: Switch_SwitchLabel,
+    Context: SwitchContext
 });
-//#endregion
-export { Switch$1 as Switch, useSwitch, useSwitchContext };
+export { Switch_Switch as Switch, useSwitch, useSwitchContext };

package/dist/components/switch/Switch.module.js

@@ -1,10 +1,8 @@
-import './Switch.css';
-//#region src/components/switch/Switch.module.css
-var Switch_module_default = {
-	"control": "PUgkqa_control",
-	"label": "PUgkqa_label",
-	"root": "PUgkqa_root",
-	"thumb": "PUgkqa_thumb"
+import "./Switch_module.css";
+const Switch_module = {
+    root: "root-BQV0g7",
+    control: "control-_x56fO",
+    thumb: "thumb-AkEGnM",
+    label: "label-OFdult"
 };
-//#endregion
-export { Switch_module_default as default };
+export default Switch_module;

package/dist/components/switch/Switch_module.css

@@ -0,0 +1,144 @@
+@layer moduix.components {
+  .root-BQV0g7 {
+    align-items: center;
+    gap: var(--moduix-switch-gap, var(--moduix-spacing-2));
+    vertical-align: middle;
+    cursor: pointer;
+    width: -moz-fit-content;
+    width: fit-content;
+    display: inline-flex;
+  }
+
+  .root-BQV0g7[data-disabled], .root-BQV0g7[data-readonly] {
+    cursor: default;
+  }
+
+  .root-BQV0g7[data-disabled] {
+    opacity: var(--moduix-switch-disabled-opacity, var(--moduix-opacity-disabled));
+  }
+
+  .control-_x56fO {
+    box-sizing: border-box;
+    width: var(--moduix-switch-width, 3rem);
+    height: var(--moduix-switch-height, var(--moduix-size-xs));
+    --moduix-switch-thumb-translate-default: calc(var(--moduix-switch-width, 3rem) - var(--moduix-switch-thumb-size, var(--moduix-spacing-5)) -
+        (var(--moduix-switch-padding, var(--moduix-spacing-0-5)) * 2) -
+        (var(--moduix-switch-border-width, var(--moduix-border-width-sm)) * 2));
+    border: var(--moduix-switch-border-width, var(--moduix-border-width-sm)) solid
+      var(--moduix-switch-border-color, var(--moduix-color-border));
+    border-radius: var(--moduix-switch-radius, var(--moduix-radius-full));
+    padding: var(--moduix-switch-padding, var(--moduix-spacing-0-5));
+    background-color: var(--moduix-switch-bg, var(--moduix-color-muted));
+    -webkit-user-select: none;
+    user-select: none;
+    transition: background-color var(--moduix-switch-transition, var(--moduix-transition-default)),
+      border-color var(--moduix-switch-transition, var(--moduix-transition-default)),
+      opacity var(--moduix-switch-transition, var(--moduix-transition-default));
+    outline: 0;
+    flex-shrink: 0;
+    align-items: center;
+    line-height: 0;
+    display: inline-flex;
+    position: relative;
+  }
+
+  .control-_x56fO[data-state="checked"] {
+    border-color: var(--moduix-switch-border-color-checked, var(--moduix-color-primary));
+    background-color: var(--moduix-switch-bg-checked, var(--moduix-color-primary));
+  }
+
+  .control-_x56fO[data-invalid] {
+    border-color: var(--moduix-color-destructive);
+  }
+
+  .control-_x56fO[data-focus-visible] {
+    outline: var(--moduix-switch-focus-ring-width, var(--moduix-focus-ring-inset-width, var(--moduix-border-width-sm)))
+        solid var(--moduix-switch-focus-ring-color, var(--moduix-color-ring));
+    outline-offset: var(--moduix-switch-focus-ring-offset, var(--moduix-border-width-sm));
+  }
+
+  @media (hover: hover) {
+    .control-_x56fO[data-state="unchecked"][data-hover]:not([data-readonly], [data-disabled]) {
+      background-color: var(--moduix-switch-bg-hover, var(--moduix-color-accent));
+    }
+
+    .control-_x56fO[data-state="checked"][data-hover]:not([data-readonly], [data-disabled]) {
+      background-color: var(--moduix-switch-bg-checked-hover, var(--moduix-switch-bg-checked, var(--moduix-color-primary)));
+    }
+  }
+
+  .root-BQV0g7[data-size="xs"] .control-_x56fO {
+    --moduix-switch-width: var(--moduix-switch-width-xs, 1.75rem);
+    --moduix-switch-height: var(--moduix-switch-height-xs, 1rem);
+    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-xs, var(--moduix-spacing-3));
+  }
+
+  .root-BQV0g7[data-size="sm"] .control-_x56fO {
+    --moduix-switch-width: var(--moduix-switch-width-sm, 2.25rem);
+    --moduix-switch-height: var(--moduix-switch-height-sm, 1.25rem);
+    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-sm, var(--moduix-spacing-4));
+  }
+
+  .root-BQV0g7[data-size="md"] .control-_x56fO {
+    --moduix-switch-width: var(--moduix-switch-width-md, 2.75rem);
+    --moduix-switch-height: var(--moduix-switch-height-md, var(--moduix-size-xs));
+    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-md, var(--moduix-spacing-5));
+  }
+
+  .root-BQV0g7[data-size="lg"] .control-_x56fO {
+    --moduix-switch-width: var(--moduix-switch-width-lg, 3.25rem);
+    --moduix-switch-height: var(--moduix-switch-height-lg, 1.75rem);
+    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-lg, var(--moduix-size-xs));
+  }
+
+  .root-BQV0g7[data-size="xl"] .control-_x56fO {
+    --moduix-switch-width: var(--moduix-switch-width-xl, 3.75rem);
+    --moduix-switch-height: var(--moduix-switch-height-xl, var(--moduix-size-sm));
+    --moduix-switch-thumb-size: var(--moduix-switch-thumb-size-xl, var(--moduix-spacing-7));
+  }
+
+  .thumb-AkEGnM {
+    width: var(--moduix-switch-thumb-size, var(--moduix-spacing-5));
+    height: var(--moduix-switch-thumb-size, var(--moduix-spacing-5));
+    border: var(--moduix-switch-thumb-border-width, 0) solid
+      var(--moduix-switch-thumb-border-color, transparent);
+    border-radius: var(--moduix-switch-thumb-radius, var(--moduix-radius-full));
+    background-color: var(--moduix-switch-thumb-bg-unchecked, var(--moduix-switch-thumb-bg, var(--moduix-color-background)));
+    color: var(--moduix-switch-thumb-color-unchecked, var(--moduix-switch-thumb-color, var(--moduix-color-muted)));
+    box-shadow: var(--moduix-switch-thumb-shadow, var(--moduix-shadow-sm));
+    transition: transform
+        var(--moduix-switch-thumb-transition, var(--moduix-switch-transition, var(--moduix-transition-default))),
+      background-color var(--moduix-switch-transition, var(--moduix-transition-default)),
+      color var(--moduix-switch-transition, var(--moduix-transition-default));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    transform: translateX(0);
+  }
+
+  .thumb-AkEGnM[data-state="checked"] {
+    background-color: var(--moduix-switch-thumb-bg-checked, var(--moduix-switch-thumb-bg, var(--moduix-color-primary-foreground)));
+    color: var(--moduix-switch-thumb-color-checked, var(--moduix-switch-thumb-color, var(--moduix-color-primary)));
+    transform: translateX(var(--moduix-switch-thumb-translate, var(--moduix-switch-thumb-translate-default)));
+  }
+
+  .thumb-AkEGnM > svg {
+    width: var(--moduix-switch-thumb-icon-size, 65%);
+    height: var(--moduix-switch-thumb-icon-size, 65%);
+    flex-shrink: 0;
+  }
+
+  .root-BQV0g7:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) .thumb-AkEGnM[data-state="checked"] {
+    transform: translateX(calc(var(--moduix-switch-thumb-translate, var(--moduix-switch-thumb-translate-default)) * -1));
+  }
+
+  .label-OFdult {
+    color: var(--moduix-switch-label-color, var(--moduix-color-foreground));
+    font-size: var(--moduix-switch-label-font-size, var(--moduix-text-sm));
+    font-weight: var(--moduix-switch-label-font-weight, var(--moduix-weight-medium));
+    line-height: var(--moduix-switch-label-line-height, var(--moduix-line-height-text-sm));
+    -webkit-user-select: none;
+    user-select: none;
+  }
+}
+

package/dist/components/switch/index.d.ts

@@ -1,2 +1,2 @@
-import { Switch, SwitchRootProps, SwitchRootProviderProps, SwitchSize, useSwitch, useSwitchContext } from "./Switch.js";
-export { Switch, type SwitchRootProps, type SwitchRootProviderProps, type SwitchSize, useSwitch, useSwitchContext };
+export { Switch, useSwitch, useSwitchContext } from './Switch.js';
+export type { SwitchRootProps, SwitchRootProviderProps, SwitchSize } from './Switch.js';

package/dist/components/switch/index.js

@@ -0,0 +1 @@
+export { Switch, useSwitch, useSwitchContext } from "./Switch.js";

package/dist/components/table/Table.d.ts

@@ -1,41 +1,39 @@
-//#region src/components/table/Table.d.ts
 declare const Table: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-  interactive?: boolean;
-  showColumnBorder?: boolean;
-  size?: "sm" | "md" | "lg";
-  stickyHeader?: boolean;
-  striped?: boolean;
-  variant?: "line" | "outline";
-} & import("react").RefAttributes<HTMLTableElement>> & {
-  Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
     interactive?: boolean;
     showColumnBorder?: boolean;
     size?: "sm" | "md" | "lg";
     stickyHeader?: boolean;
     striped?: boolean;
     variant?: "line" | "outline";
-  } & import("react").RefAttributes<HTMLTableElement>>;
-  ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
-  Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    side?: "top" | "bottom";
-  } & import("react").RefAttributes<HTMLTableCaptionElement>>;
-  ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
-  Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    htmlWidth?: string | number;
-  } & import("react").RefAttributes<HTMLTableColElement>>;
-  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-  Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableRowElement>>;
-  ColumnHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    numeric?: boolean;
-  } & import("react").RefAttributes<HTMLTableCellElement>>;
-  Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    numeric?: boolean;
-  } & import("react").RefAttributes<HTMLTableCellElement>>;
-  Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
-    colSpan: number;
-  } & import("react").RefAttributes<HTMLTableCellElement>>;
+} & import("react").RefAttributes<HTMLTableElement>> & {
+    Root: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        interactive?: boolean;
+        showColumnBorder?: boolean;
+        size?: "sm" | "md" | "lg";
+        stickyHeader?: boolean;
+        striped?: boolean;
+        variant?: "line" | "outline";
+    } & import("react").RefAttributes<HTMLTableElement>>;
+    ScrollArea: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLDivElement>>;
+    Caption: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        side?: "top" | "bottom";
+    } & import("react").RefAttributes<HTMLTableCaptionElement>>;
+    ColumnGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableColElement>>;
+    Column: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        htmlWidth?: string | number;
+    } & import("react").RefAttributes<HTMLTableColElement>>;
+    Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+    Row: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & import("react").RefAttributes<HTMLTableRowElement>>;
+    ColumnHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        numeric?: boolean;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    Cell: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        numeric?: boolean;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
+    Empty: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & import("@ark-ui/react/factory").PolymorphicProps & {
+        colSpan: number;
+    } & import("react").RefAttributes<HTMLTableCellElement>>;
 };
-//#endregion
-export { Table };
+export { Table };