strata-ui-react 0.1.12 → 0.1.13

package/dist/field-errors.cjs

@@ -1,63 +0,0 @@
-const require_cn = require("./cn.cjs");
-const require_form_types = require("./form.types.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-const FieldErrors = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(15);
-	let children;
-	let className;
-	let props;
-	let ref;
-	if ($[0] !== t0) {
-		({className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-	}
-	const field = require_form_types.useFieldContext();
-	let t1;
-	if ($[5] !== className) {
-		t1 = require_cn.cn("", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== field.state.meta.errors) {
-		t2 = field.state.meta.errors.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "mt-2",
-			children: field.state.meta.errors.map(_temp)
-		});
-		$[7] = field.state.meta.errors;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1 || $[13] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: t1,
-			ref,
-			...props,
-			children: [children, t2]
-		});
-		$[9] = children;
-		$[10] = props;
-		$[11] = ref;
-		$[12] = t1;
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
-	return t3;
-};
-function _temp(error, index) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: "text-error text-sm",
-		children: error.message
-	}, index);
-}
-exports.FieldErrors = FieldErrors;

package/dist/field-errors.js

@@ -1,63 +0,0 @@
-import { cn } from "./cn.js";
-import { useFieldContext } from "./form.types.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-const FieldErrors = (t0) => {
-	const $ = c(15);
-	let children;
-	let className;
-	let props;
-	let ref;
-	if ($[0] !== t0) {
-		({className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-	}
-	const field = useFieldContext();
-	let t1;
-	if ($[5] !== className) {
-		t1 = cn("", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== field.state.meta.errors) {
-		t2 = field.state.meta.errors.length > 0 && /* @__PURE__ */ jsx("div", {
-			className: "mt-2",
-			children: field.state.meta.errors.map(_temp)
-		});
-		$[7] = field.state.meta.errors;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== children || $[10] !== props || $[11] !== ref || $[12] !== t1 || $[13] !== t2) {
-		t3 = /* @__PURE__ */ jsxs("div", {
-			className: t1,
-			ref,
-			...props,
-			children: [children, t2]
-		});
-		$[9] = children;
-		$[10] = props;
-		$[11] = ref;
-		$[12] = t1;
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
-	return t3;
-};
-function _temp(error, index) {
-	return /* @__PURE__ */ jsx("p", {
-		className: "text-error text-sm",
-		children: error.message
-	}, index);
-}
-export { FieldErrors };

package/dist/field-input.cjs

@@ -1,80 +0,0 @@
-const require_cn = require("./cn.cjs");
-const require_form_types = require("./form.types.cjs");
-const require_input = require("./input.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-const FieldInput = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(23);
-	let children;
-	let className;
-	let props;
-	let ref;
-	if ($[0] !== t0) {
-		({className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-	}
-	const field = require_form_types.useFieldContext();
-	const t1 = field.name;
-	const t2 = field.name;
-	const t3 = field.state.value;
-	let t4;
-	if ($[5] !== field) {
-		t4 = (e) => field.handleChange(e.target.value);
-		$[5] = field;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== field) {
-		t5 = field.state.value && field.getMeta().errors.length > 0 && "outline-error";
-		$[7] = field;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== field) {
-		t6 = field.state.value && field.getMeta().isValid && "outline-success";
-		$[9] = field;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== className || $[12] !== t5 || $[13] !== t6) {
-		t7 = require_cn.cn(t5, t6, className);
-		$[11] = className;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== children || $[16] !== field.name || $[17] !== field.state.value || $[18] !== props || $[19] !== ref || $[20] !== t4 || $[21] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_input.Input, {
-			required: true,
-			type: "text",
-			id: t1,
-			name: t2,
-			value: t3,
-			onChange: t4,
-			className: t7,
-			ref,
-			...props,
-			children
-		});
-		$[15] = children;
-		$[16] = field.name;
-		$[17] = field.state.value;
-		$[18] = props;
-		$[19] = ref;
-		$[20] = t4;
-		$[21] = t7;
-		$[22] = t8;
-	} else t8 = $[22];
-	return t8;
-};
-exports.FieldInput = FieldInput;

package/dist/field-input.js

@@ -1,80 +0,0 @@
-import { cn } from "./cn.js";
-import { useFieldContext } from "./form.types.js";
-import { Input } from "./input.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-const FieldInput = (t0) => {
-	const $ = c(23);
-	let children;
-	let className;
-	let props;
-	let ref;
-	if ($[0] !== t0) {
-		({className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-	}
-	const field = useFieldContext();
-	const t1 = field.name;
-	const t2 = field.name;
-	const t3 = field.state.value;
-	let t4;
-	if ($[5] !== field) {
-		t4 = (e) => field.handleChange(e.target.value);
-		$[5] = field;
-		$[6] = t4;
-	} else t4 = $[6];
-	let t5;
-	if ($[7] !== field) {
-		t5 = field.state.value && field.getMeta().errors.length > 0 && "outline-error";
-		$[7] = field;
-		$[8] = t5;
-	} else t5 = $[8];
-	let t6;
-	if ($[9] !== field) {
-		t6 = field.state.value && field.getMeta().isValid && "outline-success";
-		$[9] = field;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== className || $[12] !== t5 || $[13] !== t6) {
-		t7 = cn(t5, t6, className);
-		$[11] = className;
-		$[12] = t5;
-		$[13] = t6;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== children || $[16] !== field.name || $[17] !== field.state.value || $[18] !== props || $[19] !== ref || $[20] !== t4 || $[21] !== t7) {
-		t8 = /* @__PURE__ */ jsx(Input, {
-			required: true,
-			type: "text",
-			id: t1,
-			name: t2,
-			value: t3,
-			onChange: t4,
-			className: t7,
-			ref,
-			...props,
-			children
-		});
-		$[15] = children;
-		$[16] = field.name;
-		$[17] = field.state.value;
-		$[18] = props;
-		$[19] = ref;
-		$[20] = t4;
-		$[21] = t7;
-		$[22] = t8;
-	} else t8 = $[22];
-	return t8;
-};
-export { FieldInput };

package/dist/form-errors.cjs

@@ -1,73 +0,0 @@
-const require_cn = require("./cn.cjs");
-const require_form_types = require("./form.types.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-let __tanstack_react_form = require("@tanstack/react-form");
-const FormErrors = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(17);
-	let children;
-	let className;
-	let props;
-	let ref;
-	if ($[0] !== t0) {
-		({className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-	}
-	const formErrors = (0, __tanstack_react_form.useStore)(require_form_types.useFormContext().store, _temp);
-	let t1;
-	if ($[5] !== className) {
-		t1 = require_cn.cn("", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== formErrors) {
-		t2 = formErrors.map(_temp2);
-		$[7] = formErrors;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "mt-2",
-			children: t2
-		});
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	let t4;
-	if ($[11] !== children || $[12] !== props || $[13] !== ref || $[14] !== t1 || $[15] !== t3) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: t1,
-			ref,
-			...props,
-			children: [children, t3]
-		});
-		$[11] = children;
-		$[12] = props;
-		$[13] = ref;
-		$[14] = t1;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	return t4;
-};
-function _temp(formState) {
-	return formState.errors;
-}
-function _temp2(error, index) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
-		className: "text-error text-sm",
-		children: error.message
-	}, index);
-}
-exports.FormErrors = FormErrors;

package/dist/form-errors.js

@@ -1,73 +0,0 @@
-import { cn } from "./cn.js";
-import { useFormContext } from "./form.types.js";
-import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useStore } from "@tanstack/react-form";
-const FormErrors = (t0) => {
-	const $ = c(17);
-	let children;
-	let className;
-	let props;
-	let ref;
-	if ($[0] !== t0) {
-		({className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-	}
-	const formErrors = useStore(useFormContext().store, _temp);
-	let t1;
-	if ($[5] !== className) {
-		t1 = cn("", className);
-		$[5] = className;
-		$[6] = t1;
-	} else t1 = $[6];
-	let t2;
-	if ($[7] !== formErrors) {
-		t2 = formErrors.map(_temp2);
-		$[7] = formErrors;
-		$[8] = t2;
-	} else t2 = $[8];
-	let t3;
-	if ($[9] !== t2) {
-		t3 = /* @__PURE__ */ jsx("div", {
-			className: "mt-2",
-			children: t2
-		});
-		$[9] = t2;
-		$[10] = t3;
-	} else t3 = $[10];
-	let t4;
-	if ($[11] !== children || $[12] !== props || $[13] !== ref || $[14] !== t1 || $[15] !== t3) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: t1,
-			ref,
-			...props,
-			children: [children, t3]
-		});
-		$[11] = children;
-		$[12] = props;
-		$[13] = ref;
-		$[14] = t1;
-		$[15] = t3;
-		$[16] = t4;
-	} else t4 = $[16];
-	return t4;
-};
-function _temp(formState) {
-	return formState.errors;
-}
-function _temp2(error, index) {
-	return /* @__PURE__ */ jsx("p", {
-		className: "text-error text-sm",
-		children: error.message
-	}, index);
-}
-export { FormErrors };

package/dist/form-submit.cjs

@@ -1,65 +0,0 @@
-const require_cn = require("./cn.cjs");
-const require_button = require("./button.cjs");
-const require_form_types = require("./form.types.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-const FormSubmit = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(15);
-	let children;
-	let className;
-	let props;
-	let ref;
-	let t1;
-	if ($[0] !== t0) {
-		({submittingText: t1, className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-		$[5] = t1;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-		t1 = $[5];
-	}
-	const submittingText = t1 === void 0 ? "Submitting..." : t1;
-	const form = require_form_types.useFormContext();
-	let t2;
-	if ($[6] !== children || $[7] !== className || $[8] !== props || $[9] !== ref || $[10] !== submittingText) {
-		t2 = (t3$1) => {
-			const [canSubmit, isSubmitting] = t3$1;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
-				type: "submit",
-				disabled: !canSubmit || isSubmitting,
-				className: require_cn.cn("w-full", className),
-				ref,
-				...props,
-				children: isSubmitting ? submittingText : children
-			});
-		};
-		$[6] = children;
-		$[7] = className;
-		$[8] = props;
-		$[9] = ref;
-		$[10] = submittingText;
-		$[11] = t2;
-	} else t2 = $[11];
-	let t3;
-	if ($[12] !== form.Subscribe || $[13] !== t2) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(form.Subscribe, {
-			selector: _temp,
-			children: t2
-		});
-		$[12] = form.Subscribe;
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
-	return t3;
-};
-function _temp(state) {
-	return [state.canSubmit, state.isSubmitting];
-}
-exports.FormSubmit = FormSubmit;

package/dist/form-submit.js

@@ -1,65 +0,0 @@
-import { cn } from "./cn.js";
-import { Button } from "./button.js";
-import { useFormContext } from "./form.types.js";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-const FormSubmit = (t0) => {
-	const $ = c(15);
-	let children;
-	let className;
-	let props;
-	let ref;
-	let t1;
-	if ($[0] !== t0) {
-		({submittingText: t1, className, children, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-		$[4] = ref;
-		$[5] = t1;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-		ref = $[4];
-		t1 = $[5];
-	}
-	const submittingText = t1 === void 0 ? "Submitting..." : t1;
-	const form = useFormContext();
-	let t2;
-	if ($[6] !== children || $[7] !== className || $[8] !== props || $[9] !== ref || $[10] !== submittingText) {
-		t2 = (t3$1) => {
-			const [canSubmit, isSubmitting] = t3$1;
-			return /* @__PURE__ */ jsx(Button, {
-				type: "submit",
-				disabled: !canSubmit || isSubmitting,
-				className: cn("w-full", className),
-				ref,
-				...props,
-				children: isSubmitting ? submittingText : children
-			});
-		};
-		$[6] = children;
-		$[7] = className;
-		$[8] = props;
-		$[9] = ref;
-		$[10] = submittingText;
-		$[11] = t2;
-	} else t2 = $[11];
-	let t3;
-	if ($[12] !== form.Subscribe || $[13] !== t2) {
-		t3 = /* @__PURE__ */ jsx(form.Subscribe, {
-			selector: _temp,
-			children: t2
-		});
-		$[12] = form.Subscribe;
-		$[13] = t2;
-		$[14] = t3;
-	} else t3 = $[14];
-	return t3;
-};
-function _temp(state) {
-	return [state.canSubmit, state.isSubmitting];
-}
-export { FormSubmit };

package/dist/form.cjs

@@ -1,19 +0,0 @@
-const require_form_types = require("./form.types.cjs");
-const require_field_errors = require("./field-errors.cjs");
-const require_field_input = require("./field-input.cjs");
-const require_form_submit = require("./form-submit.cjs");
-const require_form_errors = require("./form-errors.cjs");
-let __tanstack_react_form = require("@tanstack/react-form");
-const Form = (0, __tanstack_react_form.createFormHook)({
-	fieldComponents: {
-		FieldErrors: require_field_errors.FieldErrors,
-		FieldInput: require_field_input.FieldInput
-	},
-	formComponents: {
-		FormErrors: require_form_errors.FormErrors,
-		FormSubmit: require_form_submit.FormSubmit
-	},
-	fieldContext: require_form_types.fieldContext,
-	formContext: require_form_types.formContext
-});
-exports.Form = Form;

package/dist/form.js

@@ -1,19 +0,0 @@
-import { fieldContext, formContext } from "./form.types.js";
-import { FieldErrors } from "./field-errors.js";
-import { FieldInput } from "./field-input.js";
-import { FormSubmit } from "./form-submit.js";
-import { FormErrors } from "./form-errors.js";
-import { createFormHook } from "@tanstack/react-form";
-const Form = createFormHook({
-	fieldComponents: {
-		FieldErrors,
-		FieldInput
-	},
-	formComponents: {
-		FormErrors,
-		FormSubmit
-	},
-	fieldContext,
-	formContext
-});
-export { Form };

package/dist/form.types.cjs

@@ -1,6 +0,0 @@
-let __tanstack_react_form = require("@tanstack/react-form");
-const { fieldContext, useFieldContext, formContext, useFormContext } = (0, __tanstack_react_form.createFormHookContexts)();
-exports.fieldContext = fieldContext;
-exports.formContext = formContext;
-exports.useFieldContext = useFieldContext;
-exports.useFormContext = useFormContext;

package/dist/form.types.js

@@ -1,3 +0,0 @@
-import { createFormHookContexts } from "@tanstack/react-form";
-const { fieldContext, useFieldContext, formContext, useFormContext } = createFormHookContexts();
-export { fieldContext, formContext, useFieldContext, useFormContext };

package/dist/input.cjs

@@ -1,83 +0,0 @@
-const require_cn = require("./cn.cjs");
-const require_separator = require("./separator.cjs");
-let react_compiler_runtime = require("react/compiler-runtime");
-let react_jsx_runtime = require("react/jsx-runtime");
-let __base_ui_react_input = require("@base-ui/react/input");
-let react = require("react");
-const Input = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(20);
-	let className;
-	let leadingIcon;
-	let props;
-	let ref;
-	let t1;
-	if ($[0] !== t0) {
-		({leadingIcon, showSeparator: t1, className, ref, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = leadingIcon;
-		$[3] = props;
-		$[4] = ref;
-		$[5] = t1;
-	} else {
-		className = $[1];
-		leadingIcon = $[2];
-		props = $[3];
-		ref = $[4];
-		t1 = $[5];
-	}
-	const showSeparator = t1 === void 0 ? true : t1;
-	const t2 = props.disabled;
-	const t3 = props.disabled;
-	let t4;
-	if ($[6] !== className) {
-		t4 = require_cn.cn("flex items-center gap-xs px-md w-full py-sm group h-xl inset-shadow-2-shadow inset-shadow-sm bg-surface-dim rounded-xl data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:hover:outline-transparent outline-2 outline-transparent hover:not-focus-within:outline-outline focus-within:outline-primary focus-within:caret-primary transition-all", className);
-		$[6] = className;
-		$[7] = t4;
-	} else t4 = $[7];
-	let t5;
-	if ($[8] !== leadingIcon || $[9] !== showSeparator) {
-		t5 = leadingIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_cn.cn("flex items-center text-on-surface-variant justify-center [&>svg]:size-s group-focus-within:text-primary transition-all"),
-			children: (0, react.createElement)(leadingIcon, { weight: "bold" })
-		}), showSeparator && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_separator.Separator, {
-			orientation: "vertical",
-			className: "group-focus-within:bg-primary"
-		})] });
-		$[8] = leadingIcon;
-		$[9] = showSeparator;
-		$[10] = t5;
-	} else t5 = $[10];
-	let t6;
-	if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = require_cn.cn("outline-none w-full", "placeholder:opacity-60", "disabled:text-text-neutral-primary-disabled disabled:cursor-not-allowed", "overflow-ellipsis");
-		$[11] = t6;
-	} else t6 = $[11];
-	let t7;
-	if ($[12] !== props || $[13] !== ref) {
-		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__base_ui_react_input.Input, {
-			className: t6,
-			ref,
-			...props
-		});
-		$[12] = props;
-		$[13] = ref;
-		$[14] = t7;
-	} else t7 = $[14];
-	let t8;
-	if ($[15] !== props.disabled || $[16] !== t4 || $[17] !== t5 || $[18] !== t7) {
-		t8 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			"aria-disabled": t2,
-			"data-disabled": t3,
-			className: t4,
-			children: [t5, t7]
-		});
-		$[15] = props.disabled;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t7;
-		$[19] = t8;
-	} else t8 = $[19];
-	return t8;
-};
-exports.Input = Input;