moduix 0.10.0 → 0.11.1

package/dist/components/Field/Field.css

@@ -0,0 +1,86 @@
+@layer ui.components {
+  .otdAoW_root {
+    box-sizing: border-box;
+    align-items: flex-start;
+    gap: var(--field-gap, var(--spacing-1));
+    width: var(--field-width, 100%);
+    max-width: var(--field-max-width, none);
+    color: var(--field-color, var(--color-foreground));
+    flex-direction: column;
+    display: flex;
+  }
+
+  :is(.otdAoW_item, .otdAoW_label, .otdAoW_description, .otdAoW_control, .otdAoW_error)[data-disabled] {
+    opacity: var(--field-disabled-opacity, var(--opacity-disabled));
+  }
+
+  .otdAoW_item {
+    gap: var(--field-item-gap, var(--spacing-1));
+    display: grid;
+  }
+
+  .otdAoW_label {
+    align-items: center;
+    gap: var(--field-label-gap, var(--spacing-2));
+    color: var(--field-label-color, var(--color-foreground));
+    font-size: var(--field-label-font-size, var(--text-sm));
+    font-weight: var(--field-label-font-weight, var(--weight-medium));
+    line-height: var(--field-label-line-height, var(--line-height-text-sm));
+    display: inline-flex;
+  }
+
+  .otdAoW_description {
+    color: var(--field-description-color, var(--color-muted-foreground));
+    font-size: var(--field-description-font-size, var(--text-sm));
+    line-height: var(--field-description-line-height, var(--line-height-text-sm));
+    margin: 0;
+  }
+
+  .otdAoW_control {
+    box-sizing: border-box;
+    width: var(--field-control-width, 100%);
+    min-height: var(--field-control-height, var(--size-lg));
+    border: var(--field-control-border-width, var(--border-width-sm))
+      var(--field-control-border-style, solid)
+      var(--field-control-border-color, var(--color-border));
+    border-radius: var(--field-control-radius, var(--radius-md));
+    padding: var(--field-control-padding-y, .5rem) var(--field-control-padding-x, .875rem);
+    background-color: var(--field-control-bg, var(--color-background));
+    color: var(--field-control-color, var(--color-foreground));
+    font: inherit;
+    font-size: var(--field-control-font-size, var(--text-md));
+    line-height: var(--field-control-line-height, var(--line-height-text-md));
+    outline: var(--field-focus-ring-width, var(--border-width-sm)) solid transparent;
+    outline-offset: var(--field-focus-ring-offset, -1px);
+    transition: border-color var(--field-control-transition, var(--transition-default)),
+      opacity var(--field-control-transition, var(--transition-default));
+    margin: 0;
+
+    &::placeholder {
+      color: var(--field-control-placeholder-color, var(--color-muted-foreground));
+    }
+
+    &:focus-visible {
+      outline-color: var(--field-focus-ring-color, var(--color-ring));
+    }
+
+    &[data-invalid] {
+      border-color: var(--field-control-border-color-invalid, var(--color-destructive));
+    }
+
+    &[data-invalid]:focus-visible {
+      outline-color: var(--field-control-border-color-invalid, var(--color-destructive));
+    }
+
+    &[data-disabled] {
+      pointer-events: none;
+    }
+  }
+
+  .otdAoW_error {
+    color: var(--field-error-color, var(--color-destructive));
+    font-size: var(--field-error-font-size, var(--text-sm));
+    line-height: var(--field-error-line-height, var(--line-height-text-sm));
+    margin: 0;
+  }
+}

package/dist/components/Field/Field.d.ts

@@ -1,9 +1,30 @@
-import { Field as FieldPrimitive } from '@base-ui/react/field';
-declare function Field({ className, ...props }: FieldPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
-declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): import("react/jsx-runtime").JSX.Element;
-declare function FieldControl({ className, ...props }: FieldPrimitive.Control.Props): import("react/jsx-runtime").JSX.Element;
-declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): import("react/jsx-runtime").JSX.Element;
-declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): import("react/jsx-runtime").JSX.Element;
-declare const FieldValidity: import('react').FC<import('@base-ui/react').FieldValidityProps>;
-export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity };
+import { Field } from "@base-ui/react/field";
+
+//#region src/components/Field/Field.d.ts
+declare function Field$1({
+  className,
+  ...props
+}: Field.Root.Props): import("react").JSX.Element;
+declare function FieldItem({
+  className,
+  ...props
+}: Field.Item.Props): import("react").JSX.Element;
+declare function FieldLabel({
+  className,
+  ...props
+}: Field.Label.Props): import("react").JSX.Element;
+declare function FieldControl({
+  className,
+  ...props
+}: Field.Control.Props): import("react").JSX.Element;
+declare function FieldDescription({
+  className,
+  ...props
+}: Field.Description.Props): import("react").JSX.Element;
+declare function FieldError({
+  className,
+  ...props
+}: Field.Error.Props): import("react").JSX.Element;
+declare const FieldValidity: import("react").FC<import("@base-ui/react").FieldValidityProps>;
+//#endregion
+export { Field$1 as Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity };

package/dist/components/Field/Field.js

@@ -0,0 +1,50 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Field_module_default from "./Field.module.js";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+//#region src/components/Field/Field.tsx
+function Field$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Root, {
+		"data-slot": "field-root",
+		className: mergeClassName(className, Field_module_default.root),
+		...props
+	});
+}
+function FieldItem({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Item, {
+		"data-slot": "field-item",
+		className: mergeClassName(className, Field_module_default.item),
+		...props
+	});
+}
+function FieldLabel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		"data-slot": "field-label",
+		className: mergeClassName(className, Field_module_default.label),
+		...props
+	});
+}
+function FieldControl({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Control, {
+		"data-slot": "field-control",
+		className: mergeClassName(className, Field_module_default.control),
+		...props
+	});
+}
+function FieldDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Description, {
+		"data-slot": "field-description",
+		className: mergeClassName(className, Field_module_default.description),
+		...props
+	});
+}
+function FieldError({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Field.Error, {
+		"data-slot": "field-error",
+		className: mergeClassName(className, Field_module_default.error),
+		...props
+	});
+}
+const FieldValidity = Field.Validity;
+//#endregion
+export { Field$1 as Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity };

package/dist/components/Field/Field.module.cjs

@@ -0,0 +1,12 @@
+import './Field.css';
+//#region src/components/Field/Field.module.css
+var Field_module_default = {
+	"control": "otdAoW_control",
+	"description": "otdAoW_description",
+	"error": "otdAoW_error",
+	"item": "otdAoW_item",
+	"label": "otdAoW_label",
+	"root": "otdAoW_root"
+};
+//#endregion
+exports.default = Field_module_default;

package/dist/components/Field/Field.module.js

@@ -0,0 +1,12 @@
+import './Field.css';
+//#region src/components/Field/Field.module.css
+var Field_module_default = {
+	"control": "otdAoW_control",
+	"description": "otdAoW_description",
+	"error": "otdAoW_error",
+	"item": "otdAoW_item",
+	"label": "otdAoW_label",
+	"root": "otdAoW_root"
+};
+//#endregion
+export { Field_module_default as default };

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

@@ -1 +1 @@
-export { Field, FieldItem, FieldLabel, FieldControl, FieldDescription, FieldError, FieldValidity, } from './Field';
+import { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldValidity } from "./Field.js";

package/dist/components/Fieldset/Fieldset.cjs

@@ -0,0 +1,22 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Fieldset_module = require("./Fieldset.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_fieldset = require("@base-ui/react/fieldset");
+//#region src/components/Fieldset/Fieldset.tsx
+function Fieldset({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_fieldset.Fieldset.Root, {
+		"data-slot": "fieldset-root",
+		className: require_mergeClassName.mergeClassName(className, require_Fieldset_module.default.root),
+		...props
+	});
+}
+function FieldsetLegend({ className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_fieldset.Fieldset.Legend, {
+		"data-slot": "fieldset-legend",
+		className: require_mergeClassName.mergeClassName(className, require_Fieldset_module.default.legend),
+		...props
+	});
+}
+//#endregion
+exports.Fieldset = Fieldset;
+exports.FieldsetLegend = FieldsetLegend;

package/dist/components/Fieldset/Fieldset.css

@@ -0,0 +1,39 @@
+@layer ui.components {
+  .xKLSQG_root, .xKLSQG_legend {
+    box-sizing: border-box;
+  }
+
+  .xKLSQG_root {
+    gap: var(--fieldset-gap, var(--spacing-4));
+    width: var(--fieldset-width, 100%);
+    max-width: var(--fieldset-max-width, none);
+    margin: var(--fieldset-margin, 0);
+    padding: var(--fieldset-padding, 0);
+    border-width: var(--fieldset-border-width, 0);
+    border-style: var(--fieldset-border-style, solid);
+    border-color: var(--fieldset-border-color, transparent);
+    border-radius: var(--fieldset-radius, var(--radius-none));
+    flex-direction: column;
+    min-inline-size: 0;
+    display: flex;
+  }
+
+  .xKLSQG_root[data-disabled] {
+    opacity: var(--fieldset-disabled-opacity, var(--opacity-disabled));
+  }
+
+  .xKLSQG_legend {
+    inline-size: 100%;
+    max-inline-size: 100%;
+    margin: var(--fieldset-legend-margin, 0);
+    padding: var(--fieldset-legend-padding, 0 0 var(--spacing-3));
+    border-bottom-width: var(--fieldset-legend-border-width, var(--border-width-sm));
+    border-bottom-style: var(--fieldset-legend-border-style, solid);
+    border-bottom-color: var(--fieldset-legend-border-color, var(--color-border));
+    color: var(--fieldset-legend-color, var(--color-foreground));
+    font-size: var(--fieldset-legend-font-size, var(--text-lg));
+    font-weight: var(--fieldset-legend-font-weight, var(--weight-semibold));
+    line-height: var(--fieldset-legend-line-height, var(--line-height-text-lg));
+    display: block;
+  }
+}

package/dist/components/Fieldset/Fieldset.d.ts

@@ -1,4 +1,13 @@
-import { Fieldset as FieldsetPrimitive } from '@base-ui/react/fieldset';
-declare function Fieldset({ className, ...props }: FieldsetPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
-declare function FieldsetLegend({ className, ...props }: FieldsetPrimitive.Legend.Props): import("react/jsx-runtime").JSX.Element;
-export { Fieldset, FieldsetLegend };
+import { Fieldset } from "@base-ui/react/fieldset";
+
+//#region src/components/Fieldset/Fieldset.d.ts
+declare function Fieldset$1({
+  className,
+  ...props
+}: Fieldset.Root.Props): import("react").JSX.Element;
+declare function FieldsetLegend({
+  className,
+  ...props
+}: Fieldset.Legend.Props): import("react").JSX.Element;
+//#endregion
+export { Fieldset$1 as Fieldset, FieldsetLegend };

package/dist/components/Fieldset/Fieldset.js

@@ -0,0 +1,21 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Fieldset_module_default from "./Fieldset.module.js";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset } from "@base-ui/react/fieldset";
+//#region src/components/Fieldset/Fieldset.tsx
+function Fieldset$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Fieldset.Root, {
+		"data-slot": "fieldset-root",
+		className: mergeClassName(className, Fieldset_module_default.root),
+		...props
+	});
+}
+function FieldsetLegend({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Fieldset.Legend, {
+		"data-slot": "fieldset-legend",
+		className: mergeClassName(className, Fieldset_module_default.legend),
+		...props
+	});
+}
+//#endregion
+export { Fieldset$1 as Fieldset, FieldsetLegend };

package/dist/components/Fieldset/Fieldset.module.cjs

@@ -0,0 +1,8 @@
+import './Fieldset.css';
+//#region src/components/Fieldset/Fieldset.module.css
+var Fieldset_module_default = {
+	"legend": "xKLSQG_legend",
+	"root": "xKLSQG_root"
+};
+//#endregion
+exports.default = Fieldset_module_default;

package/dist/components/Fieldset/Fieldset.module.js

@@ -0,0 +1,8 @@
+import './Fieldset.css';
+//#region src/components/Fieldset/Fieldset.module.css
+var Fieldset_module_default = {
+	"legend": "xKLSQG_legend",
+	"root": "xKLSQG_root"
+};
+//#endregion
+export { Fieldset_module_default as default };

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

@@ -1 +1 @@
-export { Fieldset, FieldsetLegend } from './Fieldset';
+import { Fieldset, FieldsetLegend } from "./Fieldset.js";

package/dist/components/Form/Form.cjs

@@ -0,0 +1,16 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Form_module = require("./Form.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_form = require("@base-ui/react/form");
+//#region src/components/Form/Form.tsx
+const Form = (0, react.forwardRef)(function Form({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_form.Form, {
+		ref,
+		"data-slot": "form-root",
+		className: require_mergeClassName.mergeClassName(className, require_Form_module.default.root),
+		...props
+	});
+});
+//#endregion
+exports.Form = Form;

package/dist/components/Form/Form.css

@@ -0,0 +1,9 @@
+@layer ui.components {
+  .t1miBq_root {
+    gap: var(--form-gap, var(--spacing-4));
+    width: var(--form-width, 100%);
+    max-width: var(--form-max-width, none);
+    flex-direction: column;
+    display: flex;
+  }
+}

package/dist/components/Form/Form.d.ts

@@ -1,3 +1,6 @@
-import { Form as FormPrimitive } from '@base-ui/react/form';
-declare function Form({ className, ...props }: FormPrimitive.Props): import("react/jsx-runtime").JSX.Element;
-export { Form };
+import { Form } from "@base-ui/react/form";
+
+//#region src/components/Form/Form.d.ts
+declare const Form$1: import("react").ForwardRefExoticComponent<Omit<Form.Props<Record<string, any>>, "ref"> & import("react").RefAttributes<HTMLFormElement>>;
+//#endregion
+export { Form$1 as Form };

package/dist/components/Form/Form.js

@@ -0,0 +1,16 @@
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Form_module_default from "./Form.module.js";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Form } from "@base-ui/react/form";
+//#region src/components/Form/Form.tsx
+const Form$1 = forwardRef(function Form$2({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(Form, {
+		ref,
+		"data-slot": "form-root",
+		className: mergeClassName(className, Form_module_default.root),
+		...props
+	});
+});
+//#endregion
+export { Form$1 as Form };

package/dist/components/Form/Form.module.cjs

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

package/dist/components/Form/Form.module.js

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

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

@@ -1 +1 @@
-export { Form } from './Form';
+import { Form } from "./Form.js";

package/dist/components/Heading/Heading.cjs

@@ -0,0 +1,25 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_Heading_module = require("./Heading.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let clsx = require("clsx");
+clsx = require_runtime.__toESM(clsx);
+//#region src/components/Heading/Heading.tsx
+const defaultSizeByElement = {
+	h1: "2xl",
+	h2: "xl",
+	h3: "lg",
+	h4: "md",
+	h5: "sm",
+	h6: "xs"
+};
+function Heading({ as = "h1", size, weight = "semibold", className, ...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as, {
+		"data-slot": "heading-root",
+		"data-size": size ?? defaultSizeByElement[as],
+		"data-weight": weight,
+		className: (0, clsx.default)(require_Heading_module.default.root, className),
+		...props
+	});
+}
+//#endregion
+exports.Heading = Heading;

package/dist/components/Heading/Heading.css

@@ -0,0 +1,50 @@
+@layer ui.components {
+  .qDe8qG_root {
+    color: var(--heading-color, var(--color-foreground));
+    font-family: var(--heading-font-family, var(--font-sans));
+    font-size: var(--heading-font-size-2xl, var(--heading-font-size, var(--text-3xl)));
+    font-weight: var(--heading-font-weight-semibold, var(--heading-font-weight, var(--weight-semibold)));
+    line-height: var(--heading-line-height-2xl, var(--heading-line-height, var(--line-height-text-3xl)));
+    letter-spacing: var(--heading-letter-spacing, 0);
+    text-wrap: var(--heading-text-wrap, balance);
+    overflow-wrap: break-word;
+    margin: 0;
+
+    &[data-size="xs"] {
+      font-size: var(--heading-font-size-xs, var(--heading-font-size, var(--text-sm)));
+      line-height: var(--heading-line-height-xs, var(--heading-line-height, var(--line-height-text-sm)));
+    }
+
+    &[data-size="sm"] {
+      font-size: var(--heading-font-size-sm, var(--heading-font-size, var(--text-md)));
+      line-height: var(--heading-line-height-sm, var(--heading-line-height, var(--line-height-text-md)));
+    }
+
+    &[data-size="md"] {
+      font-size: var(--heading-font-size-md, var(--heading-font-size, var(--text-lg)));
+      line-height: var(--heading-line-height-md, var(--heading-line-height, var(--line-height-text-lg)));
+    }
+
+    &[data-size="lg"] {
+      font-size: var(--heading-font-size-lg, var(--heading-font-size, var(--text-xl)));
+      line-height: var(--heading-line-height-lg, var(--heading-line-height, var(--line-height-text-xl)));
+    }
+
+    &[data-size="xl"] {
+      font-size: var(--heading-font-size-xl, var(--heading-font-size, var(--text-2xl)));
+      line-height: var(--heading-line-height-xl, var(--heading-line-height, var(--line-height-text-2xl)));
+    }
+
+    &[data-weight="regular"] {
+      font-weight: var(--heading-font-weight-regular, var(--heading-font-weight, var(--weight-regular)));
+    }
+
+    &[data-weight="medium"] {
+      font-weight: var(--heading-font-weight-medium, var(--heading-font-weight, var(--weight-medium)));
+    }
+
+    &[data-weight="bold"] {
+      font-weight: var(--heading-font-weight-bold, var(--heading-font-weight, var(--weight-bold)));
+    }
+  }
+}

package/dist/components/Heading/Heading.d.ts

@@ -1,17 +1,28 @@
-import { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from "react";
+
+//#region src/components/Heading/Heading.d.ts
 declare const defaultSizeByElement: {
-    readonly h1: "2xl";
-    readonly h2: "xl";
-    readonly h3: "lg";
-    readonly h4: "md";
-    readonly h5: "sm";
-    readonly h6: "xs";
+  readonly h1: "2xl";
+  readonly h2: "xl";
+  readonly h3: "lg";
+  readonly h4: "md";
+  readonly h5: "sm";
+  readonly h6: "xs";
 };
 type HeadingLevel = keyof typeof defaultSizeByElement;
 type HeadingSize = (typeof defaultSizeByElement)[HeadingLevel];
-declare function Heading({ as, size, weight, className, ...props }: ComponentPropsWithoutRef<'h1'> & {
-    as?: HeadingLevel;
-    size?: HeadingSize;
-    weight?: 'regular' | 'medium' | 'semibold' | 'bold';
-}): import("react/jsx-runtime").JSX.Element;
-export { Heading };
+type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold';
+type HeadingProps = ComponentPropsWithoutRef<HeadingLevel> & {
+  as?: HeadingLevel;
+  size?: HeadingSize;
+  weight?: HeadingWeight;
+};
+declare function Heading({
+  as,
+  size,
+  weight,
+  className,
+  ...props
+}: HeadingProps): import("react").JSX.Element;
+//#endregion
+export { Heading, type HeadingLevel, type HeadingProps, type HeadingSize, type HeadingWeight };

package/dist/components/Heading/Heading.js

@@ -0,0 +1,23 @@
+import Heading_module_default from "./Heading.module.js";
+import { jsx } from "react/jsx-runtime";
+import clsx$1 from "clsx";
+//#region src/components/Heading/Heading.tsx
+const defaultSizeByElement = {
+	h1: "2xl",
+	h2: "xl",
+	h3: "lg",
+	h4: "md",
+	h5: "sm",
+	h6: "xs"
+};
+function Heading({ as = "h1", size, weight = "semibold", className, ...props }) {
+	return /* @__PURE__ */ jsx(as, {
+		"data-slot": "heading-root",
+		"data-size": size ?? defaultSizeByElement[as],
+		"data-weight": weight,
+		className: clsx$1(Heading_module_default.root, className),
+		...props
+	});
+}
+//#endregion
+export { Heading };

package/dist/components/Heading/Heading.module.cjs

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

package/dist/components/Heading/Heading.module.js

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

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

@@ -1 +1 @@
-export * from './Heading';
+import { Heading, HeadingLevel, HeadingProps, HeadingSize, HeadingWeight } from "./Heading.js";

package/dist/components/Input/Input.cjs

@@ -0,0 +1,18 @@
+const require_mergeClassName = require("../../utils/mergeClassName.cjs");
+const require_Input_module = require("./Input.module.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+let _base_ui_react_input = require("@base-ui/react/input");
+//#region src/components/Input/Input.tsx
+const Input = (0, react.forwardRef)(function Input({ className, size = "md", htmlSize, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_input.Input, {
+		ref,
+		"data-slot": "input-root",
+		"data-size": size,
+		className: require_mergeClassName.mergeClassName(className, require_Input_module.default.root),
+		size: htmlSize,
+		...props
+	});
+});
+//#endregion
+exports.Input = Input;