@undp/design-system-react/dist/Input.js

React based design system for UNDP

import { t as e } from "./utils-ca9as9Ye.js";
import { t } from "./dist-CQzJbxrW.js";
import n from "react";
import { jsx as r } from "react/jsx-runtime";
//#region src/components/ui/input.tsx
var i = t("w-full h-auto bg-background rounded-base text-content-primary text-base transition-colors file:border-0 file:bg-transparent file:font-regular file:text-content-primary focus-visible:outline-hidden focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-disabled placeholder:text-content-placeholder", {
	variants: {
		variant: {
			light: "border border-stroke",
			normal: "border-2 border-foreground"
		},
		rounded: {
			base: "rounded",
			sm: "rounded-sm",
			md: "rounded-md",
			lg: "rounded-lg",
			xl: "rounded-xl",
			"2xl": "rounded-2xl",
			full: "rounded-full"
		},
		inputSize: {
			sm: "px-2.5 py-1",
			base: "p-2.5"
		}
	},
	defaultVariants: {
		inputSize: "base",
		variant: "normal",
		rounded: "base"
	}
}), a = n.forwardRef(({ className: t, inputSize: n, variant: a, ...o }, s) => /* @__PURE__ */ r("input", {
	...o,
	ref: s,
	className: e(i({
		inputSize: n,
		variant: a
	}), t)
}));
a.displayName = "Input";
//#endregion
export { a as Input };

//# sourceMappingURL=Input.js.map