moduix 0.11.0 → 0.11.1

package/dist/components/Switch/Switch.cjs

@@ -0,0 +1,43 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Switch_module = require("./Switch.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_switch = require("@base-ui/react/switch");
+//#region src/components/Switch/Switch.tsx
+const Switch = (0, react.forwardRef)(function Switch({ className, size = "md", children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Root, {
+		ref,
+		"data-slot": "switch-root",
+		"data-size": size,
+		className: require_mergeClassName.mergeClassName(className, require_Switch_module.default.root),
+		...props,
+		children: children ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SwitchThumb, {})
+	});
+});
+function SwitchThumb({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_switch.Switch.Thumb, {
+		"data-slot": "switch-thumb",
+		className: require_mergeClassName.mergeClassName(className, require_Switch_module.default.thumb),
+		...props
+	});
+}
+function SwitchField({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("label", {
+		"data-slot": "switch-field",
+		className: (0, clsx.clsx)(require_Switch_module.default.field, className),
+		...props
+	});
+}
+function SwitchLabel({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		"data-slot": "switch-label",
+		className: (0, clsx.clsx)(require_Switch_module.default.label, className),
+		...props
+	});
+}
+//#endregion
+exports.Switch = Switch;
+exports.SwitchField = SwitchField;
+exports.SwitchLabel = SwitchLabel;
+exports.SwitchThumb = SwitchThumb;

package/dist/components/Switch/Switch.css

@@ -0,0 +1,138 @@
+@layer ui.components {
+  .klbdca_field {
+    align-items: center;
+    gap: var(--switch-gap, var(--spacing-2));
+    vertical-align: middle;
+    cursor: pointer;
+    display: inline-flex;
+
+    &:has(.klbdca_root[data-disabled]), &:has(.klbdca_root[data-readonly]) {
+      cursor: default;
+    }
+  }
+
+  .klbdca_root {
+    box-sizing: border-box;
+    -webkit-appearance: none;
+    appearance: none;
+    width: var(--switch-width, 2.5rem);
+    height: var(--switch-height, 1.5rem);
+    --switch-thumb-translate-default: calc(var(--switch-width, 2.5rem) - var(--switch-thumb-size, 1.125rem) -
+        var(--switch-padding, .125rem) - var(--switch-padding, .125rem) -
+        var(--switch-border-width, var(--border-width-sm)) -
+        var(--switch-border-width, var(--border-width-sm)));
+    border: var(--switch-border-width, var(--border-width-sm)) solid
+      var(--switch-border-color, var(--color-border));
+    border-radius: var(--switch-radius, var(--radius-full));
+    padding: var(--switch-padding, .125rem);
+    background-color: var(--switch-bg, var(--color-muted));
+    user-select: none;
+    cursor: pointer;
+    transition: background-color var(--switch-transition, var(--transition-default)),
+      border-color var(--switch-transition, var(--transition-default)),
+      opacity var(--switch-transition, var(--transition-default));
+    outline: 0;
+    flex-shrink: 0;
+    align-items: center;
+    margin: 0;
+    line-height: 0;
+    display: inline-flex;
+    position: relative;
+
+    &[data-checked] {
+      border-color: var(--switch-border-color-checked, var(--color-primary));
+      background-color: var(--switch-bg-checked, var(--color-primary));
+    }
+
+    &:focus-visible {
+      outline: var(--switch-focus-ring-width, var(--border-width-sm)) solid
+        var(--switch-focus-ring-color, var(--color-ring));
+      outline-offset: var(--switch-focus-ring-offset, var(--border-width-sm));
+    }
+
+    @media (hover: hover) {
+      &[data-unchecked]:not([data-readonly]):hover {
+        background-color: var(--switch-bg-hover, var(--color-accent));
+      }
+
+      &[data-checked]:not([data-readonly]):hover {
+        background-color: var(--switch-bg-checked-hover, var(--switch-bg-checked, var(--color-primary)));
+      }
+    }
+
+    &[data-disabled], &[data-readonly] {
+      cursor: default;
+    }
+
+    &[data-disabled] {
+      opacity: var(--switch-disabled-opacity, var(--opacity-disabled));
+      pointer-events: none;
+    }
+
+    &[data-size="xs"] {
+      --switch-width: var(--switch-width-xs, 1.75rem);
+      --switch-height: var(--switch-height-xs, 1rem);
+      --switch-thumb-size: var(--switch-thumb-size-xs, .625rem);
+    }
+
+    &[data-size="sm"] {
+      --switch-width: var(--switch-width-sm, 2rem);
+      --switch-height: var(--switch-height-sm, 1.25rem);
+      --switch-thumb-size: var(--switch-thumb-size-sm, .875rem);
+    }
+
+    &[data-size="md"] {
+      --switch-width: var(--switch-width-md, 2.5rem);
+      --switch-height: var(--switch-height-md, 1.5rem);
+      --switch-thumb-size: var(--switch-thumb-size-md, 1.125rem);
+    }
+
+    &[data-size="lg"] {
+      --switch-width: var(--switch-width-lg, 3rem);
+      --switch-height: var(--switch-height-lg, 1.75rem);
+      --switch-thumb-size: var(--switch-thumb-size-lg, 1.375rem);
+    }
+
+    &[data-size="xl"] {
+      --switch-width: var(--switch-width-xl, 3.5rem);
+      --switch-height: var(--switch-height-xl, 2rem);
+      --switch-thumb-size: var(--switch-thumb-size-xl, 1.625rem);
+    }
+  }
+
+  .klbdca_thumb {
+    width: var(--switch-thumb-size, 1.125rem);
+    height: var(--switch-thumb-size, 1.125rem);
+    border: var(--switch-thumb-border-width, 0) solid var(--switch-thumb-border-color, transparent);
+    border-radius: var(--switch-thumb-radius, var(--radius-full));
+    background-color: var(--switch-thumb-bg-unchecked, var(--switch-thumb-bg, var(--color-background)));
+    color: var(--switch-thumb-color-unchecked, var(--switch-thumb-color, var(--color-muted)));
+    box-shadow: var(--switch-thumb-shadow, var(--shadow-sm));
+    transition: transform var(--switch-thumb-transition, var(--switch-transition, var(--transition-default))),
+      background-color var(--switch-transition, var(--transition-default)),
+      color var(--switch-transition, var(--transition-default));
+    justify-content: center;
+    align-items: center;
+    display: inline-flex;
+    transform: translateX(0);
+
+    &[data-checked] {
+      background-color: var(--switch-thumb-bg-checked, var(--switch-thumb-bg, var(--color-primary-foreground)));
+      color: var(--switch-thumb-color-checked, var(--switch-thumb-color, var(--color-primary)));
+      transform: translateX(var(--switch-thumb-translate, var(--switch-thumb-translate-default)));
+    }
+
+    & > svg {
+      width: var(--switch-thumb-icon-size, 65%);
+      height: var(--switch-thumb-icon-size, 65%);
+      flex-shrink: 0;
+    }
+  }
+
+  .klbdca_label {
+    color: var(--switch-label-color, var(--color-foreground));
+    font-size: var(--switch-label-font-size, var(--text-sm));
+    font-weight: var(--switch-label-font-weight, var(--weight-medium));
+    line-height: var(--switch-label-line-height, var(--line-height-text-sm));
+  }
+}

package/dist/components/Switch/Switch.d.ts

@@ -1,10 +1,22 @@
-import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
+import { Switch } from "@base-ui/react/switch";
+
+//#region src/components/Switch/Switch.d.ts
 type SwitchSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare const Switch: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').SwitchRootProps & {
-    size?: SwitchSize;
-}, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare function SwitchThumb({ className, ...props }: SwitchPrimitive.Thumb.Props): import("react").JSX.Element;
-declare function SwitchField({ className, ...props }: ComponentProps<'label'>): import("react").JSX.Element;
-declare function SwitchLabel({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
-export { Switch, SwitchThumb, SwitchField, SwitchLabel };
+declare const Switch$1: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").SwitchRootProps & {
+  size?: SwitchSize;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare function SwitchThumb({
+  className,
+  ...props
+}: Switch.Thumb.Props): import("react").JSX.Element;
+declare function SwitchField({
+  className,
+  ...props
+}: ComponentProps<'label'>): import("react").JSX.Element;
+declare function SwitchLabel({
+  className,
+  ...props
+}: ComponentProps<'span'>): import("react").JSX.Element;
+//#endregion
+export { Switch$1 as Switch, SwitchField, SwitchLabel, SwitchThumb };

package/dist/components/Switch/Switch.js

@@ -0,0 +1,40 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Switch_module_default from "./Switch.module.js";
+import { jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { forwardRef } from "react";
+import { Switch } from "@base-ui/react/switch";
+//#region src/components/Switch/Switch.tsx
+const Switch$1 = forwardRef(function Switch$2({ className, size = "md", children, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		ref,
+		"data-slot": "switch-root",
+		"data-size": size,
+		className: mergeClassName(className, Switch_module_default.root),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(SwitchThumb, {})
+	});
+});
+function SwitchThumb({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Switch.Thumb, {
+		"data-slot": "switch-thumb",
+		className: mergeClassName(className, Switch_module_default.thumb),
+		...props
+	});
+}
+function SwitchField({ className, ...props }) {
+	return /* @__PURE__ */ jsx("label", {
+		"data-slot": "switch-field",
+		className: clsx(Switch_module_default.field, className),
+		...props
+	});
+}
+function SwitchLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "switch-label",
+		className: clsx(Switch_module_default.label, className),
+		...props
+	});
+}
+//#endregion
+export { Switch$1 as Switch, SwitchField, SwitchLabel, SwitchThumb };

package/dist/components/Switch/Switch.module.cjs

@@ -0,0 +1,10 @@
+import './Switch.css';
+//#region src/components/Switch/Switch.module.css
+var Switch_module_default = {
+	"field": "klbdca_field",
+	"label": "klbdca_label",
+	"root": "klbdca_root",
+	"thumb": "klbdca_thumb"
+};
+//#endregion
+exports.default = Switch_module_default;

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

@@ -0,0 +1,10 @@
+import './Switch.css';
+//#region src/components/Switch/Switch.module.css
+var Switch_module_default = {
+	"field": "klbdca_field",
+	"label": "klbdca_label",
+	"root": "klbdca_root",
+	"thumb": "klbdca_thumb"
+};
+//#endregion
+export { Switch_module_default as default };

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

@@ -1 +1 @@
-export { Switch, SwitchThumb, SwitchField, SwitchLabel } from './Switch';
+import { Switch, SwitchField, SwitchLabel, SwitchThumb } from "./Switch.js";

package/dist/components/Table/Table.cjs

@@ -0,0 +1,96 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Table_module = require("./Table.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+//#region src/components/Table/Table.tsx
+function TableContainer({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "table-container",
+		className: (0, clsx.default)(require_Table_module.default.container, className),
+		...props
+	});
+}
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+		"data-slot": "table",
+		className: (0, clsx.default)(require_Table_module.default.root, className),
+		...props
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("thead", {
+		"data-slot": "table-header",
+		className: (0, clsx.default)(require_Table_module.default.header, className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tbody", {
+		"data-slot": "table-body",
+		className: (0, clsx.default)(require_Table_module.default.body, className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tfoot", {
+		"data-slot": "table-footer",
+		className: (0, clsx.default)(require_Table_module.default.footer, className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		"data-slot": "table-row",
+		className: (0, clsx.default)(require_Table_module.default.row, className),
+		...props
+	});
+}
+function TableHead({ className, numeric = false, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("th", {
+		"data-numeric": numeric || void 0,
+		"data-slot": "table-head",
+		className: (0, clsx.default)(require_Table_module.default.head, numeric && require_Table_module.default.numeric, className),
+		...props
+	});
+}
+function TableCell({ className, numeric = false, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+		"data-numeric": numeric || void 0,
+		"data-slot": "table-cell",
+		className: (0, clsx.default)(require_Table_module.default.cell, numeric && require_Table_module.default.numeric, className),
+		...props
+	});
+}
+function TableEmpty({ children = "No results.", className, colSpan, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		"data-slot": "table-row",
+		className: (0, clsx.default)(require_Table_module.default.row, require_Table_module.default.emptyRow),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("td", {
+			"data-slot": "table-empty",
+			colSpan,
+			className: (0, clsx.default)(require_Table_module.default.cell, require_Table_module.default.empty, className),
+			...props,
+			children
+		})
+	});
+}
+function TableCaption({ className, side = "bottom", ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("caption", {
+		"data-side": side,
+		"data-slot": "table-caption",
+		className: (0, clsx.default)(require_Table_module.default.caption, className),
+		...props
+	});
+}
+//#endregion
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableContainer = TableContainer;
+exports.TableEmpty = TableEmpty;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/components/Table/Table.css

@@ -0,0 +1,107 @@
+@layer ui.components {
+  .Bc8hSq_container {
+    box-sizing: border-box;
+    border: var(--table-container-border-width, var(--table-border-width, var(--border-width-sm)))
+      solid var(--table-container-border-color, var(--table-border-color, var(--color-border)));
+    border-radius: var(--table-container-radius, var(--radius-lg));
+    background-color: var(--table-container-bg, var(--color-card));
+    width: 100%;
+    min-width: 0;
+    box-shadow: var(--table-container-shadow, none);
+    overflow-x: auto;
+  }
+
+  .Bc8hSq_root {
+    --table-cell-padding-y-default: var(--table-cell-padding-y, var(--spacing-3));
+    --table-empty-padding-y-default: calc(var(--table-cell-padding-y-default) * 2);
+    box-sizing: border-box;
+    border-collapse: collapse;
+    border-spacing: 0;
+    width: 100%;
+    color: var(--table-color, var(--color-foreground));
+    font-family: var(--table-font-family, var(--font-sans));
+    font-size: var(--table-font-size, var(--text-sm));
+    line-height: var(--table-line-height, var(--line-height-text-sm));
+    text-align: left;
+  }
+
+  .Bc8hSq_caption {
+    box-sizing: border-box;
+    color: var(--table-caption-color, var(--color-muted-foreground));
+    font-size: var(--table-caption-font-size, var(--text-sm));
+    line-height: var(--table-caption-line-height, var(--line-height-text-sm));
+    padding-inline: var(--table-caption-padding-x, var(--table-cell-padding-x, var(--spacing-4)));
+    text-align: left;
+    text-wrap: pretty;
+  }
+
+  .Bc8hSq_caption[data-side="top"] {
+    caption-side: top;
+    padding-block: var(--table-caption-padding-edge, var(--spacing-2))
+      var(--table-caption-padding-y, var(--spacing-3));
+  }
+
+  .Bc8hSq_caption[data-side="bottom"] {
+    caption-side: bottom;
+    padding-block: var(--table-caption-padding-y, var(--spacing-3))
+      var(--table-caption-padding-edge, var(--spacing-2));
+  }
+
+  .Bc8hSq_row {
+    transition: var(--table-row-transition, background-color var(--transition-default));
+  }
+
+  .Bc8hSq_header .Bc8hSq_row, .Bc8hSq_body .Bc8hSq_row {
+    border-bottom: var(--table-border-width, var(--border-width-sm)) solid
+      var(--table-border-color, var(--color-border));
+  }
+
+  .Bc8hSq_body .Bc8hSq_row:hover {
+    background-color: var(--table-row-bg-hover, var(--color-muted));
+  }
+
+  .Bc8hSq_body .Bc8hSq_row:last-child {
+    border-bottom: 0;
+  }
+
+  .Bc8hSq_footer {
+    border-top: var(--table-border-width, var(--border-width-sm)) solid
+      var(--table-border-color, var(--color-border));
+    background-color: var(--table-footer-bg, var(--color-muted));
+    color: var(--table-footer-color, var(--table-color, var(--color-foreground)));
+    font-weight: var(--table-footer-font-weight, var(--weight-medium));
+  }
+
+  .Bc8hSq_head, .Bc8hSq_cell {
+    padding-block: var(--table-cell-padding-y-default);
+    padding-inline: var(--table-cell-padding-x, var(--spacing-4));
+    vertical-align: middle;
+  }
+
+  .Bc8hSq_head {
+    color: var(--table-head-color, var(--color-muted-foreground));
+    font-weight: var(--table-head-font-weight, var(--weight-medium));
+    text-align: inherit;
+    white-space: nowrap;
+  }
+
+  .Bc8hSq_cell {
+    color: inherit;
+  }
+
+  .Bc8hSq_numeric {
+    text-align: right;
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .Bc8hSq_emptyRow:hover {
+    background-color: #0000;
+  }
+
+  .Bc8hSq_empty {
+    padding-block: var(--table-empty-padding-y, var(--table-empty-padding-y-default));
+    color: var(--table-empty-color, var(--color-muted-foreground));
+    text-align: center;
+  }
+}

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

@@ -1,20 +1,58 @@
-import { ComponentPropsWithoutRef } from 'react';
-declare function TableContainer({ className, ...props }: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
-declare function Table({ className, ...props }: ComponentPropsWithoutRef<'table'>): import("react").JSX.Element;
-declare function TableHeader({ className, ...props }: ComponentPropsWithoutRef<'thead'>): import("react").JSX.Element;
-declare function TableBody({ className, ...props }: ComponentPropsWithoutRef<'tbody'>): import("react").JSX.Element;
-declare function TableFooter({ className, ...props }: ComponentPropsWithoutRef<'tfoot'>): import("react").JSX.Element;
-declare function TableRow({ className, ...props }: ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
-declare function TableHead({ className, numeric, ...props }: ComponentPropsWithoutRef<'th'> & {
-    numeric?: boolean;
+import { ComponentPropsWithoutRef } from "react";
+
+//#region src/components/Table/Table.d.ts
+declare function TableContainer({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'div'>): import("react").JSX.Element;
+declare function Table({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'table'>): import("react").JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'thead'>): import("react").JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'tbody'>): import("react").JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'tfoot'>): import("react").JSX.Element;
+declare function TableRow({
+  className,
+  ...props
+}: ComponentPropsWithoutRef<'tr'>): import("react").JSX.Element;
+declare function TableHead({
+  className,
+  numeric,
+  ...props
+}: ComponentPropsWithoutRef<'th'> & {
+  numeric?: boolean;
 }): import("react").JSX.Element;
-declare function TableCell({ className, numeric, ...props }: ComponentPropsWithoutRef<'td'> & {
-    numeric?: boolean;
+declare function TableCell({
+  className,
+  numeric,
+  ...props
+}: ComponentPropsWithoutRef<'td'> & {
+  numeric?: boolean;
 }): import("react").JSX.Element;
-declare function TableEmpty({ children, className, colSpan, ...props }: ComponentPropsWithoutRef<'td'> & {
-    colSpan: number;
+declare function TableEmpty({
+  children,
+  className,
+  colSpan,
+  ...props
+}: ComponentPropsWithoutRef<'td'> & {
+  colSpan: number;
 }): import("react").JSX.Element;
-declare function TableCaption({ className, side, ...props }: ComponentPropsWithoutRef<'caption'> & {
-    side?: 'top' | 'bottom';
+declare function TableCaption({
+  className,
+  side,
+  ...props
+}: ComponentPropsWithoutRef<'caption'> & {
+  side?: 'top' | 'bottom';
 }): import("react").JSX.Element;
-export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow, };
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/Table/Table.js

@@ -0,0 +1,85 @@
+import Table_module_default from "./Table.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Table/Table.tsx
+function TableContainer({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: clsx$1(Table_module_default.container, className),
+		...props
+	});
+}
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("table", {
+		"data-slot": "table",
+		className: clsx$1(Table_module_default.root, className),
+		...props
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: clsx$1(Table_module_default.header, className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: clsx$1(Table_module_default.body, className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: clsx$1(Table_module_default.footer, className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: clsx$1(Table_module_default.row, className),
+		...props
+	});
+}
+function TableHead({ className, numeric = false, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-numeric": numeric || void 0,
+		"data-slot": "table-head",
+		className: clsx$1(Table_module_default.head, numeric && Table_module_default.numeric, className),
+		...props
+	});
+}
+function TableCell({ className, numeric = false, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-numeric": numeric || void 0,
+		"data-slot": "table-cell",
+		className: clsx$1(Table_module_default.cell, numeric && Table_module_default.numeric, className),
+		...props
+	});
+}
+function TableEmpty({ children = "No results.", className, colSpan, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: clsx$1(Table_module_default.row, Table_module_default.emptyRow),
+		children: /* @__PURE__ */ jsx("td", {
+			"data-slot": "table-empty",
+			colSpan,
+			className: clsx$1(Table_module_default.cell, Table_module_default.empty, className),
+			...props,
+			children
+		})
+	});
+}
+function TableCaption({ className, side = "bottom", ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-side": side,
+		"data-slot": "table-caption",
+		className: clsx$1(Table_module_default.caption, className),
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/Table/Table.module.cjs

@@ -0,0 +1,18 @@
+import './Table.css';
+//#region src/components/Table/Table.module.css
+var Table_module_default = {
+	"body": "Bc8hSq_body",
+	"caption": "Bc8hSq_caption",
+	"cell": "Bc8hSq_cell",
+	"container": "Bc8hSq_container",
+	"empty": "Bc8hSq_empty",
+	"emptyRow": "Bc8hSq_emptyRow",
+	"footer": "Bc8hSq_footer",
+	"head": "Bc8hSq_head",
+	"header": "Bc8hSq_header",
+	"numeric": "Bc8hSq_numeric",
+	"root": "Bc8hSq_root",
+	"row": "Bc8hSq_row"
+};
+//#endregion
+exports.default = Table_module_default;