moduix 0.11.0 → 0.11.1

package/dist/components/Table/Table.module.js

@@ -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
+export { Table_module_default as default };

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

@@ -1 +1 @@
-export * from './Table';
+import { Table, TableBody, TableCaption, TableCell, TableContainer, TableEmpty, TableFooter, TableHead, TableHeader, TableRow } from "./Table.js";

package/dist/components/Tabs/Tabs.cjs

@@ -0,0 +1,70 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Tabs_module = require("./Tabs.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_tabs = require("@base-ui/react/tabs");
+//#region src/components/Tabs/Tabs.tsx
+const Tabs = (0, react.forwardRef)(function Tabs({ className, variant = "default", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Root, {
+		ref,
+		"data-slot": "tabs-root",
+		"data-variant": variant,
+		className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.root),
+		...props
+	});
+});
+function hasTabsIndicator(children) {
+	let found = false;
+	const collectChildren = (nodes) => {
+		react.Children.forEach(nodes, (child) => {
+			if (found || !(0, react.isValidElement)(child)) return;
+			if (isReactFragment(child)) {
+				collectChildren(child.props.children);
+				return;
+			}
+			if (child.type === TabsIndicator) found = true;
+		});
+	};
+	collectChildren(children);
+	return found;
+}
+const isReactFragment = (child) => (0, react.isValidElement)(child) && child.type === react.Fragment;
+const TabsList = (0, react.forwardRef)(function TabsList({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_base_ui_react_tabs.Tabs.List, {
+		ref,
+		"data-slot": "tabs-list",
+		className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.list),
+		...props,
+		children: [children, !hasTabsIndicator(children) ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsIndicator, {}) : null]
+	});
+});
+const TabsIndicator = (0, react.forwardRef)(function TabsIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Indicator, {
+		ref,
+		"data-slot": "tabs-indicator",
+		className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.indicator),
+		...props
+	});
+});
+const TabsTab = (0, react.forwardRef)(function TabsTab({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Tab, {
+		ref,
+		"data-slot": "tabs-tab",
+		className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.tab),
+		...props
+	});
+});
+const TabsPanel = (0, react.forwardRef)(function TabsPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Panel, {
+		ref,
+		"data-slot": "tabs-panel",
+		className: require_mergeClassName.mergeClassName(className, require_Tabs_module.default.panel),
+		...props
+	});
+});
+//#endregion
+exports.Tabs = Tabs;
+exports.TabsIndicator = TabsIndicator;
+exports.TabsList = TabsList;
+exports.TabsPanel = TabsPanel;
+exports.TabsTab = TabsTab;

package/dist/components/Tabs/Tabs.css

@@ -0,0 +1,181 @@
+@layer ui.components {
+  ._5EkPPa_root {
+    box-sizing: border-box;
+    gap: var(--tabs-gap, .75rem);
+    min-width: 0;
+    color: var(--tabs-color, var(--color-foreground));
+    flex-direction: column;
+    display: flex;
+
+    &[data-orientation="vertical"] {
+      flex-direction: row;
+      align-items: stretch;
+    }
+  }
+
+  ._5EkPPa_list {
+    box-sizing: border-box;
+    z-index: 0;
+    align-items: stretch;
+    gap: var(--tabs-list-gap, .25rem);
+    width: fit-content;
+    max-width: 100%;
+    padding: var(--tabs-list-padding-y, var(--tabs-list-padding, .25rem))
+      var(--tabs-list-padding-x, var(--tabs-list-padding, .25rem));
+    border: var(--tabs-list-border-width, var(--border-width-sm)) solid
+      var(--tabs-list-border-color, var(--color-border));
+    border-radius: var(--tabs-radius, var(--radius-lg));
+    background-color: var(--tabs-list-bg, var(--color-muted));
+    display: inline-flex;
+    position: relative;
+
+    &[data-orientation="vertical"] {
+      width: var(--tabs-vertical-list-width, 12rem);
+      min-width: var(--tabs-vertical-list-width, 12rem);
+      flex-direction: column;
+    }
+
+    ._5EkPPa_root[data-variant="line"] & {
+      border-width: 0 0 var(--tabs-list-border-width, var(--border-width-sm));
+      background-color: #0000;
+      border-radius: 0;
+      width: 100%;
+      padding-inline: 0;
+    }
+
+    ._5EkPPa_root[data-orientation="vertical"][data-variant="line"] & {
+      width: var(--tabs-vertical-list-width, 12rem);
+      border-width: 0 var(--tabs-list-border-width, var(--border-width-sm)) 0 0;
+    }
+  }
+
+  ._5EkPPa_tab {
+    box-sizing: border-box;
+    z-index: 1;
+    justify-content: center;
+    align-items: center;
+    gap: var(--tabs-tab-content-gap, .5rem);
+    height: var(--tabs-tab-height, 2rem);
+    appearance: none;
+    border-radius: var(--tabs-tab-radius, var(--radius-sm));
+    padding-inline: var(--tabs-tab-padding-x, .625rem);
+    color: var(--tabs-tab-color, var(--color-muted-foreground));
+    font: inherit;
+    font-size: var(--tabs-tab-font-size, var(--text-sm));
+    font-weight: var(--tabs-tab-font-weight, var(--weight-medium));
+    line-height: var(--tabs-tab-line-height, var(--line-height-text-sm));
+    user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: color var(--tabs-tab-transition, var(--transition-default));
+    background: none;
+    border: 0;
+    outline: 0;
+    margin: 0;
+    text-decoration: none;
+    display: inline-flex;
+    position: relative;
+
+    &[data-active] {
+      color: var(--tabs-tab-color-active, var(--color-foreground));
+    }
+
+    @media (hover: hover) {
+      &:hover {
+        color: var(--tabs-tab-color-hover, var(--tabs-tab-color-active, var(--color-foreground)));
+      }
+    }
+
+    &:focus-visible {
+      &:before {
+        content: "";
+        border-radius: inherit;
+        outline: var(--tabs-focus-ring-width, var(--border-width-sm)) solid
+          var(--tabs-focus-ring-color, var(--color-ring));
+        outline-offset: var(--tabs-focus-ring-offset, 0);
+        position: absolute;
+        inset: 0;
+      }
+    }
+
+    &[disabled], &[data-disabled] {
+      cursor: default;
+      opacity: var(--tabs-tab-disabled-opacity, var(--opacity-disabled));
+      pointer-events: none;
+    }
+
+    & > svg {
+      width: var(--tabs-tab-icon-size, 1rem);
+      height: var(--tabs-tab-icon-size, 1rem);
+      color: var(--tabs-tab-icon-color, currentColor);
+      flex-shrink: 0;
+    }
+  }
+
+  ._5EkPPa_indicator {
+    z-index: 0;
+    width: var(--active-tab-width, 0);
+    height: var(--tabs-indicator-size, 1.75rem);
+    border-radius: var(--tabs-indicator-radius, var(--radius-sm));
+    background-color: var(--tabs-indicator-bg, var(--color-background));
+    translate: var(--active-tab-left, 0) -50%;
+    transition: var(--tabs-indicator-transition, translate .2s ease, width .2s ease);
+    position: absolute;
+    top: 50%;
+    left: 0;
+
+    ._5EkPPa_root[data-variant="line"] & {
+      height: var(--tabs-line-indicator-size, 2px);
+      border-radius: var(--tabs-line-indicator-radius, var(--radius-full));
+      background-color: var(--tabs-line-indicator-bg, var(--tabs-tab-color-active, var(--color-foreground)));
+      translate: var(--active-tab-left, 0) 0;
+      transition: var(--tabs-line-indicator-transition, translate .2s ease, width .2s ease);
+      top: auto;
+      bottom: 0;
+    }
+
+    &[data-orientation="vertical"] {
+      width: calc(100% - (var(--tabs-list-padding-x, var(--tabs-list-padding, .25rem)) * 2));
+      height: var(--active-tab-height, 0);
+      translate: -50% var(--active-tab-top, 0);
+      transition: var(--tabs-indicator-transition, translate .2s ease, height .2s ease);
+      top: 0;
+      left: 50%;
+
+      ._5EkPPa_root[data-variant="line"] & {
+        width: var(--tabs-line-indicator-size, 2px);
+        translate: 0 var(--active-tab-top, 0);
+        transition: var(--tabs-line-indicator-transition, translate .2s ease, height .2s ease);
+        bottom: auto;
+        left: 0;
+      }
+    }
+  }
+
+  ._5EkPPa_panel {
+    box-sizing: border-box;
+    border: var(--tabs-border-width, var(--border-width-sm)) solid
+      var(--tabs-border-color, var(--color-border));
+    border-radius: var(--tabs-radius, var(--radius-lg));
+    background-color: var(--tabs-bg, var(--color-background));
+    min-width: 0;
+    padding: var(--tabs-panel-padding, 1rem);
+    color: var(--tabs-panel-color, var(--tabs-color, var(--color-foreground)));
+    font-size: var(--tabs-panel-font-size, var(--text-sm));
+    line-height: var(--tabs-panel-line-height, var(--line-height-text-sm));
+    outline: 0;
+    flex: 1;
+    margin: 0;
+
+    &:focus-visible {
+      outline: var(--tabs-focus-ring-width, var(--border-width-sm)) solid
+        var(--tabs-focus-ring-color, var(--color-ring));
+      outline-offset: var(--tabs-panel-focus-ring-offset, -1px);
+      border-radius: inherit;
+    }
+
+    &[hidden]:not([hidden="until-found"]) {
+      display: none;
+    }
+  }
+}

package/dist/components/Tabs/Tabs.d.ts

@@ -1,8 +1,10 @@
-declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement> & {
-    variant?: "default" | "line";
-}, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TabsList: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const TabsIndicator: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsIndicatorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
-declare const TabsTab: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsTabProps, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const TabsPanel: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').TabsPanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsList, TabsIndicator, TabsTab, TabsPanel };
+//#region src/components/Tabs/Tabs.d.ts
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+  variant?: "default" | "line";
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsList: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsListProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const TabsIndicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsIndicatorProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+declare const TabsTab: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsTabProps, "ref"> & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
+declare const TabsPanel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab };

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,66 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Tabs_module_default from "./Tabs.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, Fragment as Fragment$1, forwardRef, isValidElement } from "react";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/Tabs/Tabs.tsx
+const Tabs$1 = forwardRef(function Tabs$2({ className, variant = "default", ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		ref,
+		"data-slot": "tabs-root",
+		"data-variant": variant,
+		className: mergeClassName(className, Tabs_module_default.root),
+		...props
+	});
+});
+function hasTabsIndicator(children) {
+	let found = false;
+	const collectChildren = (nodes) => {
+		Children.forEach(nodes, (child) => {
+			if (found || !isValidElement(child)) return;
+			if (isReactFragment(child)) {
+				collectChildren(child.props.children);
+				return;
+			}
+			if (child.type === TabsIndicator) found = true;
+		});
+	};
+	collectChildren(children);
+	return found;
+}
+const isReactFragment = (child) => isValidElement(child) && child.type === Fragment$1;
+const TabsList = forwardRef(function TabsList({ className, children, ...props }, ref) {
+	return /* @__PURE__ */ jsxs(Tabs.List, {
+		ref,
+		"data-slot": "tabs-list",
+		className: mergeClassName(className, Tabs_module_default.list),
+		...props,
+		children: [children, !hasTabsIndicator(children) ? /* @__PURE__ */ jsx(TabsIndicator, {}) : null]
+	});
+});
+const TabsIndicator = forwardRef(function TabsIndicator({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		ref,
+		"data-slot": "tabs-indicator",
+		className: mergeClassName(className, Tabs_module_default.indicator),
+		...props
+	});
+});
+const TabsTab = forwardRef(function TabsTab({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		ref,
+		"data-slot": "tabs-tab",
+		className: mergeClassName(className, Tabs_module_default.tab),
+		...props
+	});
+});
+const TabsPanel = forwardRef(function TabsPanel({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		ref,
+		"data-slot": "tabs-panel",
+		className: mergeClassName(className, Tabs_module_default.panel),
+		...props
+	});
+});
+//#endregion
+export { Tabs$1 as Tabs, TabsIndicator, TabsList, TabsPanel, TabsTab };

package/dist/components/Tabs/Tabs.module.cjs

@@ -0,0 +1,11 @@
+import './Tabs.css';
+//#region src/components/Tabs/Tabs.module.css
+var Tabs_module_default = {
+	"indicator": "_5EkPPa_indicator",
+	"list": "_5EkPPa_list",
+	"panel": "_5EkPPa_panel",
+	"root": "_5EkPPa_root",
+	"tab": "_5EkPPa_tab"
+};
+//#endregion
+exports.default = Tabs_module_default;

package/dist/components/Tabs/Tabs.module.js

@@ -0,0 +1,11 @@
+import './Tabs.css';
+//#region src/components/Tabs/Tabs.module.css
+var Tabs_module_default = {
+	"indicator": "_5EkPPa_indicator",
+	"list": "_5EkPPa_list",
+	"panel": "_5EkPPa_panel",
+	"root": "_5EkPPa_root",
+	"tab": "_5EkPPa_tab"
+};
+//#endregion
+export { Tabs_module_default as default };

package/dist/components/Text/Text.cjs

@@ -0,0 +1,42 @@
+const require_Text_module = require("./Text.module.cjs");
+let clsx = require("clsx");
+let react = require("react");
+let _base_ui_react_use_render = require("@base-ui/react/use-render");
+//#region src/components/Text/Text.tsx
+const defaultVariants = {
+	size: "md",
+	weight: "regular"
+};
+const defaultVariantsByTagName = {
+	small: {
+		size: "sm",
+		weight: "regular"
+	},
+	strong: {
+		size: "md",
+		weight: "semibold"
+	}
+};
+function getDefaultVariants(tagName) {
+	if (!tagName) return defaultVariants;
+	return defaultVariantsByTagName[tagName] ?? defaultVariants;
+}
+function Text({ as, render, size, weight, tone = "default", align, className, ...props }) {
+	const resolvedRender = render ?? (as ? (0, react.createElement)(as) : void 0);
+	const defaults = getDefaultVariants(typeof resolvedRender === "function" ? void 0 : typeof resolvedRender?.type === "string" ? resolvedRender.type : void 0);
+	return (0, _base_ui_react_use_render.useRender)({
+		defaultTagName: "p",
+		render: resolvedRender,
+		props: {
+			...props,
+			"data-slot": "text-root",
+			"data-size": size ?? defaults.size,
+			"data-weight": weight ?? defaults.weight,
+			"data-tone": tone,
+			"data-align": align,
+			className: (0, clsx.clsx)(require_Text_module.default.root, className)
+		}
+	});
+}
+//#endregion
+exports.Text = Text;

package/dist/components/Text/Text.css

@@ -0,0 +1,73 @@
+@layer ui.components {
+  .wivAhq_root {
+    font-family: var(--text-font-family, var(--font-sans));
+    font-size: var(--text-font-size-md, var(--text-md));
+    font-weight: var(--text-font-weight-regular, var(--weight-regular));
+    line-height: var(--text-line-height-md, var(--line-height-text-md));
+    letter-spacing: var(--text-letter-spacing, 0);
+    color: var(--text-default-color, var(--color-foreground));
+    text-align: start;
+    overflow-wrap: break-word;
+    margin: 0;
+
+    &[data-size="xs"] {
+      font-size: var(--text-font-size-xs, var(--text-xs));
+      line-height: var(--text-line-height-xs, var(--line-height-text-xs));
+    }
+
+    &[data-size="sm"] {
+      font-size: var(--text-font-size-sm, var(--text-sm));
+      line-height: var(--text-line-height-sm, var(--line-height-text-sm));
+    }
+
+    &[data-size="lg"] {
+      font-size: var(--text-font-size-lg, var(--text-lg));
+      line-height: var(--text-line-height-lg, var(--line-height-text-lg));
+    }
+
+    &[data-size="xl"] {
+      font-size: var(--text-font-size-xl, var(--text-xl));
+      line-height: var(--text-line-height-xl, var(--line-height-text-xl));
+    }
+
+    &[data-weight="medium"] {
+      font-weight: var(--text-font-weight-medium, var(--weight-medium));
+    }
+
+    &[data-weight="semibold"] {
+      font-weight: var(--text-font-weight-semibold, var(--weight-semibold));
+    }
+
+    &[data-weight="bold"] {
+      font-weight: var(--text-font-weight-bold, var(--weight-bold));
+    }
+
+    &[data-tone="muted"] {
+      color: var(--text-muted-color, var(--color-muted-foreground));
+    }
+
+    &[data-tone="subtle"] {
+      color: var(--text-subtle-color, var(--color-secondary-foreground));
+    }
+
+    &[data-tone="primary"] {
+      color: var(--text-primary-color, var(--color-primary));
+    }
+
+    &[data-tone="destructive"] {
+      color: var(--text-destructive-color, var(--color-destructive));
+    }
+
+    &[data-align="left"] {
+      text-align: left;
+    }
+
+    &[data-align="center"] {
+      text-align: center;
+    }
+
+    &[data-align="right"] {
+      text-align: right;
+    }
+  }
+}

package/dist/components/Text/Text.d.ts

@@ -1,16 +1,27 @@
-import { useRender } from '@base-ui/react/use-render';
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/Text/Text.d.ts
 type TextElement = 'p' | 'span' | 'small' | 'strong' | 'em' | 'div';
 type TextSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type TextWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 type TextTone = 'default' | 'muted' | 'subtle' | 'primary' | 'destructive';
 type TextAlign = 'left' | 'center' | 'right';
 type TextProps = useRender.ComponentProps<'p'> & {
-    as?: TextElement;
-    size?: TextSize;
-    weight?: TextWeight;
-    tone?: TextTone;
-    align?: TextAlign;
+  as?: TextElement;
+  size?: TextSize;
+  weight?: TextWeight;
+  tone?: TextTone;
+  align?: TextAlign;
 };
-declare function Text({ as, render, size, weight, tone, align, className, ...props }: TextProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
-export { Text };
-export type { TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight };
+declare function Text({
+  as,
+  render,
+  size,
+  weight,
+  tone,
+  align,
+  className,
+  ...props
+}: TextProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+//#endregion
+export { Text, type TextAlign, type TextElement, type TextProps, type TextSize, type TextTone, type TextWeight };

package/dist/components/Text/Text.js

@@ -0,0 +1,42 @@
+import Text_module_default from "./Text.module.js";
+import { clsx } from "clsx";
+import { createElement } from "react";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/Text/Text.tsx
+const defaultVariants = {
+	size: "md",
+	weight: "regular"
+};
+const defaultVariantsByTagName = {
+	small: {
+		size: "sm",
+		weight: "regular"
+	},
+	strong: {
+		size: "md",
+		weight: "semibold"
+	}
+};
+function getDefaultVariants(tagName) {
+	if (!tagName) return defaultVariants;
+	return defaultVariantsByTagName[tagName] ?? defaultVariants;
+}
+function Text({ as, render, size, weight, tone = "default", align, className, ...props }) {
+	const resolvedRender = render ?? (as ? createElement(as) : void 0);
+	const defaults = getDefaultVariants(typeof resolvedRender === "function" ? void 0 : typeof resolvedRender?.type === "string" ? resolvedRender.type : void 0);
+	return useRender({
+		defaultTagName: "p",
+		render: resolvedRender,
+		props: {
+			...props,
+			"data-slot": "text-root",
+			"data-size": size ?? defaults.size,
+			"data-weight": weight ?? defaults.weight,
+			"data-tone": tone,
+			"data-align": align,
+			className: clsx(Text_module_default.root, className)
+		}
+	});
+}
+//#endregion
+export { Text };

package/dist/components/Text/Text.module.cjs

@@ -0,0 +1,5 @@
+import './Text.css';
+//#region src/components/Text/Text.module.css
+var Text_module_default = { "root": "wivAhq_root" };
+//#endregion
+exports.default = Text_module_default;

package/dist/components/Text/Text.module.js

@@ -0,0 +1,5 @@
+import './Text.css';
+//#region src/components/Text/Text.module.css
+var Text_module_default = { "root": "wivAhq_root" };
+//#endregion
+export { Text_module_default as default };

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

@@ -1 +1 @@
-export * from './Text';
+import { Text, TextAlign, TextElement, TextProps, TextSize, TextTone, TextWeight } from "./Text.js";

package/dist/components/Textarea/Textarea.cjs

@@ -0,0 +1,28 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Textarea_module = require("./Textarea.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_field = require("@base-ui/react/field");
+let _base_ui_react_merge_props = require("@base-ui/react/merge-props");
+//#region src/components/Textarea/Textarea.tsx
+const assignForwardedRef = (ref, value) => {
+	if (typeof ref === "function") {
+		ref(value);
+		return;
+	}
+	if (ref) ref.current = value;
+};
+const Textarea = (0, react.forwardRef)(function Textarea({ autoResize = false, className, ...props }, forwardedRef) {
+	const setTextareaRef = (0, react.useCallback)((node) => {
+		assignForwardedRef(forwardedRef, node instanceof HTMLTextAreaElement ? node : null);
+	}, [forwardedRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_field.Field.Control, {
+		ref: setTextareaRef,
+		"data-slot": "textarea-root",
+		"data-auto-resize": autoResize ? "" : void 0,
+		className: require_mergeClassName.mergeClassName(className, require_Textarea_module.default.root),
+		render: (controlProps) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", { ...(0, _base_ui_react_merge_props.mergeProps)(controlProps, props) })
+	});
+});
+//#endregion
+exports.Textarea = Textarea;